diff --git a/.eslintignore b/.eslintignore
index f6ea6074c8..0f404e314f 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -12,4 +12,4 @@ script/test/cypress
 _site
 temp*
 static/
-src/_common
+packages/web/_common
diff --git a/.gitignore b/.gitignore
index 030771c223..ada7766ec6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -26,4 +26,4 @@ cypress-coverage
 instrumented
 cy-report
 .history
-src/**/_example-js/
\ No newline at end of file
+packages/web/**/_example-js/
\ No newline at end of file
diff --git a/package.json b/package.json
index 69a86f0f83..32ca64dc5a 100644
--- a/package.json
+++ b/package.json
@@ -46,8 +46,8 @@
     "lint:tsc": "tsc -p ./tsconfig.dev.json ",
     "generate:usage": "node script/generate-usage/index.js",
     "generate:coverage-badge": "npm run test:coverage && node script/generate-coverage.js",
-    "generate:jsx-demo": "npx babel src/**/_example --extensions '.tsx' --config-file ./babel.config.demo.js --relative --out-dir ../_example-js --out-file-extension=.jsx",
-    "format:jsx-demo": "npx eslint src/**/_example-js/*.jsx --fix && npx prettier --write src/**/_example-js/*.jsx",
+    "generate:jsx-demo": "npx babel packages/web/**/_example --extensions '.tsx' --config-file ./babel.config.demo.js --relative --out-dir ../_example-js --out-file-extension=.jsx",
+    "format:jsx-demo": "npx eslint packages/web/**/_example-js/*.jsx --fix && npx prettier --write packages/web/**/_example-js/*.jsx",
     "test": "vitest run && npm run test:snap",
     "test:ui": "vitest --ui",
     "test:snap": "cross-env NODE_ENV=test-snap vitest run",
diff --git a/script/generate-usage/index.js b/script/generate-usage/index.js
index e5de7646f0..167073338b 100644
--- a/script/generate-usage/index.js
+++ b/script/generate-usage/index.js
@@ -44,15 +44,15 @@ export default function Usage() {
 `;
 // 自动化生成 live demo 脚本
 function genUsage() {
-  for (let name of Object.keys(config)) {
+  for (const name of Object.keys(config)) {
     try {
-      const fileFolderPath = path.resolve(__dirname, `../../src/${name}/_usage`);
+      const fileFolderPath = path.resolve(__dirname, `../../packages/web/${name}/_usage`);
       fs.mkdirSync(fileFolderPath);
     } catch {}
 
     try {
       const data = renderUsageStr(config[name]);
-      const filePath = path.resolve(__dirname, `../../src/${name}/_usage/index.jsx`);
+      const filePath = path.resolve(__dirname, `../../packages/web/${name}/_usage/index.jsx`);
       fs.writeFileSync(filePath, prettier.format(data, { parser: 'babel', tabWidth: 2 }));
     } catch (err) {
       console.error(`${name} usage 组件生成失败...`, err);
diff --git a/site/plugin-tdoc/md-to-react.js b/site/plugin-tdoc/md-to-react.js
index 04844ee8f8..ff444b7a09 100644
--- a/site/plugin-tdoc/md-to-react.js
+++ b/site/plugin-tdoc/md-to-react.js
@@ -194,7 +194,7 @@ async function customRender({ source, file, md }) {
   };
 
   // md filename
-  const reg = file.match(/src\/(\w+-?\w+)\/(\w+-?\w+)\.?(\w+-?\w+)?\.md/);
+  const reg = file.match(/packages\/web\/(\w+-?\w+)\/(\w+-?\w+)\.?(\w+-?\w+)?\.md/);
   const componentName = reg && reg[1];
 
   // split md
@@ -221,7 +221,7 @@ async function customRender({ source, file, md }) {
     const usageObj = compileUsage({
       componentName,
       usage: pageData.usage,
-      demoPath: path.posix.resolve(__dirname, `../../src/${componentName}/_usage/index.jsx`),
+      demoPath: path.posix.resolve(__dirname, `../../packages/web/${componentName}/_usage/index.jsx`),
     });
     if (usageObj) {
       mdSegment.usage = usageObj;
@@ -247,7 +247,7 @@ async function customRender({ source, file, md }) {
 
   // 设计指南内容 不展示 design Tab 则不解析
   if (pageData.isComponent && pageData.tdDocTabs.some((item) => item.tab === 'design')) {
-    const designDocPath = path.resolve(__dirname, `../../src/_common/docs/web/design/${componentName}.md`);
+    const designDocPath = path.resolve(__dirname, `../../packages/web/_common/docs/web/design/${componentName}.md`);
 
     if (fs.existsSync(designDocPath)) {
       const designDocLastUpdated =
diff --git a/site/src/components/Demo.jsx b/site/src/components/Demo.jsx
index 3eddf7ceb4..2a6818b3f3 100644
--- a/site/src/components/Demo.jsx
+++ b/site/src/components/Demo.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import Button from 'tdesign-react/button';
 import { Link, useLocation } from 'react-router-dom';
 
-export const demoFiles = import.meta.glob('../../../src/**/_example/*.tsx', { eager: true });
+export const demoFiles = import.meta.glob('../../../packages/web/**/_example/*.tsx', { eager: true });
 
 const demoObject = {};
 Object.keys(demoFiles).forEach((key) => {
diff --git a/site/src/components/Playground.jsx b/site/src/components/Playground.jsx
index 5a36326fa4..cf640655f8 100644
--- a/site/src/components/Playground.jsx
+++ b/site/src/components/Playground.jsx
@@ -4,7 +4,7 @@ import ReactDOM from 'react-dom';
 import Button from 'tdesign-react/button';
 import 'tdesign-react/style/index.js';
 
-const demoFiles = import.meta.glob('../../../src/**/_example/*.jsx', { eager: true });
+const demoFiles = import.meta.glob('../../../packages/web/**/_example/*.jsx', { eager: true });
 const demoObject = {};
 const componentList = new Set();
 Object.keys(demoFiles).forEach((key) => {
diff --git a/site/vite.config.js b/site/vite.config.js
index bdfb256d82..924e0d7a65 100644
--- a/site/vite.config.js
+++ b/site/vite.config.js
@@ -32,7 +32,7 @@ export default ({ mode }) =>
         '@': resolvePath('../'),
         '@site': resolvePath('./'),
         '@docs': resolvePath('./docs'),
-        '@components': resolvePath('./packages/web'),
+        '@components': resolvePath('./src/components'),
         '@common': resolvePath('../packages/web/_common'),
         'tdesign-react/es': resolvePath('../packages/web'),
         'tdesign-react': resolvePath('../packages/web'),
diff --git a/test/config/cypress.json b/test/config/cypress.json
index 4c7d79e8f1..caafcd0243 100644
--- a/test/config/cypress.json
+++ b/test/config/cypress.json
@@ -1,8 +1,8 @@
 {
   "baseUrl": "http://127.0.0.1:15000",
   "integrationFolder": "./",
-  "componentFolder": "./src",
-  "testFiles": ["./src/**/*.spec.*"],
+  "componentFolder": "./packages/web",
+  "testFiles": ["./packages/web/**/*.spec.*"],
   "fileServerFolder": "test/scripts/cypress",
   "fixturesFolder": "test/scripts/cypress/fixtures",
   "pluginsFile": "test/scripts/cypress/plugins/index.js",
diff --git a/test/config/jest.base.conf.js b/test/config/jest.base.conf.js
index 12fbb629d2..6e2a37e9c5 100644
--- a/test/config/jest.base.conf.js
+++ b/test/config/jest.base.conf.js
@@ -19,7 +19,7 @@ module.exports = {
   collectCoverage: true,
   coverageReporters: ['json', 'html'],
   testURL: 'http://localhost/',
-  testPathIgnorePatterns: ['/node_modules/', '.history', '<rootDir>/src/_common'],
+  testPathIgnorePatterns: ['/node_modules/', '.history', '<rootDir>/packages/web/_common'],
   globals: {
     'ts-jest': {
       tsconfig: '<rootDir>/tsconfig.json',
@@ -27,7 +27,7 @@ module.exports = {
     },
   },
   collectCoverageFrom: [
-    '<rootDir>/src/**/*.{ts,tsx,js,jsx}',
+    '<rootDir>/packages/web/**/*.{ts,tsx,js,jsx}',
     '!**/node_modules/**',
     '!**/_common/**',
     '!**/__tests__/**',
@@ -38,10 +38,10 @@ module.exports = {
     // 测试工具便捷引入
     '^@test/(.*)': '<rootDir>/test/$1',
     // 组件 alias
-    '^tdesign-react/es': '<rootDir>/src',
-    '^tdesign-react(.*)': '<rootDir>/src$1',
+    '^tdesign-react/es': '<rootDir>/packages/web',
+    '^tdesign-react(.*)': '<rootDir>/packages/web$1',
     // common
-    "^@common/(.*)": "<rootDir>/src/_common/$1",
+    '^@common/(.*)': '<rootDir>/packages/web/_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 8088066e22..4410311885 100644
--- a/test/config/jest.unit.conf.js
+++ b/test/config/jest.unit.conf.js
@@ -16,5 +16,5 @@ module.exports = {
   ],
   coverageDirectory: '<rootDir>/test/unit/coverage',
   modulePathIgnorePatterns: ['<rootDir>/test/unit/coverage/'],
-  testMatch: ['<rootDir>/src/**/__tests__/**/*.test.{ts,tsx}'],
+  testMatch: ['<rootDir>/packages/web/**/__tests__/**/*.test.{ts,tsx}'],
 };
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index b2bfda5345..ee11bb0549 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -1,6 +1,6 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`csr snapshot test > csr test src/affix/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/affix/_example/base.tsx 1`] = `
 <div>
   <div>
     <div>
@@ -19,7 +19,7 @@ exports[`csr snapshot test > csr test src/affix/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/affix/_example/container.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/affix/_example/container.tsx 1`] = `
 <div>
   <div
     style="border-radius: 3px; height: 400px; overflow-x: hidden; overflow-y: auto;"
@@ -47,7 +47,7 @@ exports[`csr snapshot test > csr test src/affix/_example/container.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/alert/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/alert/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -205,7 +205,7 @@ exports[`csr snapshot test > csr test src/alert/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/alert/_example/close.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/alert/_example/close.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -396,7 +396,7 @@ exports[`csr snapshot test > csr test src/alert/_example/close.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/alert/_example/collapse.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/alert/_example/collapse.tsx 1`] = `
 <div>
   <div
     class="t-alert t-alert--info"
@@ -460,7 +460,7 @@ exports[`csr snapshot test > csr test src/alert/_example/collapse.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/alert/_example/icon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/alert/_example/icon.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -618,7 +618,7 @@ exports[`csr snapshot test > csr test src/alert/_example/icon.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/alert/_example/operation.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/alert/_example/operation.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -868,7 +868,7 @@ exports[`csr snapshot test > csr test src/alert/_example/operation.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/alert/_example/swiper.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/alert/_example/swiper.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -1026,7 +1026,7 @@ exports[`csr snapshot test > csr test src/alert/_example/swiper.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/alert/_example/title.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/alert/_example/title.tsx 1`] = `
 <div>
   <div
     class="t-alert t-alert--info"
@@ -1092,7 +1092,7 @@ exports[`csr snapshot test > csr test src/alert/_example/title.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/anchor/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/anchor/_example/base.tsx 1`] = `
 <div>
   <div
     style="display: flex;"
@@ -1184,7 +1184,7 @@ exports[`csr snapshot test > csr test src/anchor/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/anchor/_example/container.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/anchor/_example/container.tsx 1`] = `
 <div>
   <div
     class="anchor-demo-attach"
@@ -1294,7 +1294,7 @@ exports[`csr snapshot test > csr test src/anchor/_example/container.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/anchor/_example/cursor.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/anchor/_example/cursor.tsx 1`] = `
 <div>
   <div
     style="display: flex;"
@@ -1379,7 +1379,7 @@ exports[`csr snapshot test > csr test src/anchor/_example/cursor.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/anchor/_example/customize-highlight.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/anchor/_example/customize-highlight.tsx 1`] = `
 <div>
   <div
     style="display: flex;"
@@ -1491,7 +1491,7 @@ exports[`csr snapshot test > csr test src/anchor/_example/customize-highlight.ts
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/anchor/_example/large.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/anchor/_example/large.tsx 1`] = `
 <div>
   <div
     id="size-large"
@@ -1588,7 +1588,7 @@ exports[`csr snapshot test > csr test src/anchor/_example/large.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/anchor/_example/multiple.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/anchor/_example/multiple.tsx 1`] = `
 <div>
   <div
     class="t-anchor t-size-m"
@@ -1693,7 +1693,7 @@ exports[`csr snapshot test > csr test src/anchor/_example/multiple.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/anchor/_example/small.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/anchor/_example/small.tsx 1`] = `
 <div>
   <div
     id="size-small"
@@ -1790,7 +1790,7 @@ exports[`csr snapshot test > csr test src/anchor/_example/small.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/anchor/_example/target.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/anchor/_example/target.tsx 1`] = `
 <div>
   <div
     class="anchor-demo"
@@ -1872,7 +1872,7 @@ exports[`csr snapshot test > csr test src/anchor/_example/target.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/auto-complete/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/auto-complete/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-demo-auto-complete__base t-space-vertical"
@@ -1955,7 +1955,7 @@ exports[`csr snapshot test > csr test src/auto-complete/_example/base.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/auto-complete/_example/filter.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/auto-complete/_example/filter.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -2015,7 +2015,7 @@ exports[`csr snapshot test > csr test src/auto-complete/_example/filter.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/auto-complete/_example/option.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/auto-complete/_example/option.tsx 1`] = `
 <div>
   <div
     class="t-demo-autocomplete-option"
@@ -2044,7 +2044,7 @@ exports[`csr snapshot test > csr test src/auto-complete/_example/option.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/auto-complete/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/auto-complete/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -2141,7 +2141,7 @@ exports[`csr snapshot test > csr test src/auto-complete/_example/size.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/auto-complete/_example/status.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/auto-complete/_example/status.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -2327,7 +2327,7 @@ exports[`csr snapshot test > csr test src/auto-complete/_example/status.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/auto-complete/_example/trigger-element.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/auto-complete/_example/trigger-element.tsx 1`] = `
 <div>
   <div
     class="t-auto-complete"
@@ -2345,7 +2345,7 @@ exports[`csr snapshot test > csr test src/auto-complete/_example/trigger-element
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/avatar/_example/adjust.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/avatar/_example/adjust.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -2397,7 +2397,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/adjust.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/avatar/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/avatar/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -2490,7 +2490,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/avatar/_example/group.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/avatar/_example/group.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -2652,7 +2652,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/avatar/_example/group-cascading.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/avatar/_example/group-cascading.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -2814,7 +2814,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group-cascading.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/avatar/_example/group-max.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/avatar/_example/group-max.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -3042,7 +3042,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group-max.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/avatar/_example/shape.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/avatar/_example/shape.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -3080,7 +3080,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/shape.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/avatar/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/avatar/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -3423,7 +3423,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/back-top/_example/baseList.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/back-top/_example/baseList.tsx 1`] = `
 <div>
   <div
     style="position: relative;"
@@ -3919,7 +3919,7 @@ exports[`csr snapshot test > csr test src/back-top/_example/baseList.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/back-top/_example/baseListSmall.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/back-top/_example/baseListSmall.tsx 1`] = `
 <div>
   <div
     style="position: relative;"
@@ -4415,7 +4415,7 @@ exports[`csr snapshot test > csr test src/back-top/_example/baseListSmall.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/back-top/_example/custom.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/back-top/_example/custom.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -4466,7 +4466,7 @@ exports[`csr snapshot test > csr test src/back-top/_example/custom.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/back-top/_example/shape.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/back-top/_example/shape.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -4671,7 +4671,7 @@ exports[`csr snapshot test > csr test src/back-top/_example/shape.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/back-top/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/back-top/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -4876,7 +4876,7 @@ exports[`csr snapshot test > csr test src/back-top/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/back-top/_example/theme.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/back-top/_example/theme.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -5258,7 +5258,7 @@ exports[`csr snapshot test > csr test src/back-top/_example/theme.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/badge/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/badge/_example/base.tsx 1`] = `
 <div>
   <span
     class="t-badge"
@@ -5308,7 +5308,7 @@ exports[`csr snapshot test > csr test src/badge/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/badge/_example/color.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/badge/_example/color.tsx 1`] = `
 <div>
   <label
     class="t-checkbox"
@@ -5407,7 +5407,7 @@ exports[`csr snapshot test > csr test src/badge/_example/color.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/badge/_example/custom.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/badge/_example/custom.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -5565,7 +5565,7 @@ exports[`csr snapshot test > csr test src/badge/_example/custom.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/badge/_example/number.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/badge/_example/number.tsx 1`] = `
 <div>
   <span
     class="t-badge"
@@ -5627,7 +5627,7 @@ exports[`csr snapshot test > csr test src/badge/_example/number.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/badge/_example/offset.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/badge/_example/offset.tsx 1`] = `
 <div>
   <span
     class="t-badge"
@@ -5731,7 +5731,7 @@ exports[`csr snapshot test > csr test src/badge/_example/offset.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/badge/_example/shape.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/badge/_example/shape.tsx 1`] = `
 <div>
   <span
     class="t-badge"
@@ -5774,7 +5774,7 @@ exports[`csr snapshot test > csr test src/badge/_example/shape.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/badge/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/badge/_example/size.tsx 1`] = `
 <div>
   <h3
     style="margin-bottom: 16px;"
@@ -5903,7 +5903,7 @@ exports[`csr snapshot test > csr test src/badge/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/breadcrumb/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/breadcrumb/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-breadcrumb"
@@ -6017,7 +6017,7 @@ exports[`csr snapshot test > csr test src/breadcrumb/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/breadcrumb/_example/custom.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/breadcrumb/_example/custom.tsx 1`] = `
 <div>
   <div
     class="t-breadcrumb"
@@ -6168,7 +6168,7 @@ exports[`csr snapshot test > csr test src/breadcrumb/_example/custom.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/breadcrumb/_example/href.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/breadcrumb/_example/href.tsx 1`] = `
 <div>
   <div>
     <div
@@ -6292,7 +6292,7 @@ exports[`csr snapshot test > csr test src/breadcrumb/_example/href.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/breadcrumb/_example/icon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/breadcrumb/_example/icon.tsx 1`] = `
 <div>
   <div
     class="t-breadcrumb"
@@ -6442,7 +6442,7 @@ exports[`csr snapshot test > csr test src/breadcrumb/_example/icon.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/breadcrumb/_example/options.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/breadcrumb/_example/options.tsx 1`] = `
 <div>
   <div
     class="t-breadcrumb"
@@ -6558,7 +6558,7 @@ exports[`csr snapshot test > csr test src/breadcrumb/_example/options.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/breadcrumb/_example/to.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/breadcrumb/_example/to.tsx 1`] = `
 <div>
   <div
     class="t-breadcrumb"
@@ -6639,7 +6639,7 @@ exports[`csr snapshot test > csr test src/breadcrumb/_example/to.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/breadcrumb/_example/width.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/breadcrumb/_example/width.tsx 1`] = `
 <div>
   <div
     class="t-breadcrumb"
@@ -6788,7 +6788,7 @@ exports[`csr snapshot test > csr test src/breadcrumb/_example/width.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/button/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/button/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -6854,7 +6854,7 @@ exports[`csr snapshot test > csr test src/button/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/button/_example/block.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/button/_example/block.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -6920,7 +6920,7 @@ exports[`csr snapshot test > csr test src/button/_example/block.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/button/_example/custom-element.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/button/_example/custom-element.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -6973,7 +6973,7 @@ exports[`csr snapshot test > csr test src/button/_example/custom-element.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/button/_example/ghost.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/button/_example/ghost.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -7238,7 +7238,7 @@ exports[`csr snapshot test > csr test src/button/_example/ghost.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/button/_example/icon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/button/_example/icon.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -7368,7 +7368,7 @@ exports[`csr snapshot test > csr test src/button/_example/icon.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/button/_example/shape.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/button/_example/shape.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -7726,7 +7726,7 @@ exports[`csr snapshot test > csr test src/button/_example/shape.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/button/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/button/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -7931,7 +7931,7 @@ exports[`csr snapshot test > csr test src/button/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/button/_example/status.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/button/_example/status.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -7994,7 +7994,7 @@ exports[`csr snapshot test > csr test src/button/_example/status.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/button/_example/theme.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/button/_example/theme.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -8329,7 +8329,7 @@ exports[`csr snapshot test > csr test src/button/_example/theme.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/calendar/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/calendar/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-calendar t-calendar--full undefined"
@@ -8927,7 +8927,7 @@ exports[`csr snapshot test > csr test src/calendar/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/calendar/_example/card.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/calendar/_example/card.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -9618,7 +9618,7 @@ exports[`csr snapshot test > csr test src/calendar/_example/card.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/calendar/_example/cell.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/calendar/_example/cell.tsx 1`] = `
 <div>
   <div
     class="t-calendar t-calendar--full undefined"
@@ -10330,7 +10330,7 @@ exports[`csr snapshot test > csr test src/calendar/_example/cell.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/calendar/_example/cell-append.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/calendar/_example/cell-append.tsx 1`] = `
 <div>
   <div
     class="t-calendar t-calendar--full undefined"
@@ -11058,7 +11058,7 @@ exports[`csr snapshot test > csr test src/calendar/_example/cell-append.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/calendar/_example/controller-config.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/calendar/_example/controller-config.tsx 1`] = `
 <div>
   <div
     class="controllerConfig-demo"
@@ -11905,7 +11905,7 @@ exports[`csr snapshot test > csr test src/calendar/_example/controller-config.ts
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/calendar/_example/events.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/calendar/_example/events.tsx 1`] = `
 <div>
   <div>
     <div
@@ -12524,7 +12524,7 @@ exports[`csr snapshot test > csr test src/calendar/_example/events.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/calendar/_example/filter.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/calendar/_example/filter.tsx 1`] = `
 <div>
   <div>
     <div
@@ -13143,7 +13143,7 @@ exports[`csr snapshot test > csr test src/calendar/_example/filter.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/calendar/_example/first-day-of-week.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/calendar/_example/first-day-of-week.tsx 1`] = `
 <div>
   <div>
     <div
@@ -13871,7 +13871,7 @@ exports[`csr snapshot test > csr test src/calendar/_example/first-day-of-week.ts
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/calendar/_example/head.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/calendar/_example/head.tsx 1`] = `
 <div>
   <div
     class="t-calendar t-calendar--full undefined"
@@ -14473,7 +14473,7 @@ exports[`csr snapshot test > csr test src/calendar/_example/head.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/calendar/_example/mode.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/calendar/_example/mode.tsx 1`] = `
 <div>
   <div>
     <div
@@ -14812,7 +14812,7 @@ exports[`csr snapshot test > csr test src/calendar/_example/mode.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/calendar/_example/range.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/calendar/_example/range.tsx 1`] = `
 <div>
   <div
     class="t-calendar t-calendar--full undefined"
@@ -15410,7 +15410,7 @@ exports[`csr snapshot test > csr test src/calendar/_example/range.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/calendar/_example/slot-props-api.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/calendar/_example/slot-props-api.tsx 1`] = `
 <div>
   <div
     class="t-calendar t-calendar--full undefined"
@@ -16126,7 +16126,7 @@ exports[`csr snapshot test > csr test src/calendar/_example/slot-props-api.tsx 1
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/calendar/_example/value.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/calendar/_example/value.tsx 1`] = `
 <div>
   <div
     class="t-calendar t-calendar--full undefined"
@@ -16791,7 +16791,7 @@ exports[`csr snapshot test > csr test src/calendar/_example/value.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/calendar/_example/week.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/calendar/_example/week.tsx 1`] = `
 <div>
   <div
     class="t-calendar t-calendar--full undefined"
@@ -17403,7 +17403,7 @@ exports[`csr snapshot test > csr test src/calendar/_example/week.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/card/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/card/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-card t-card--bordered t-card--shadow-hover"
@@ -17438,7 +17438,7 @@ exports[`csr snapshot test > csr test src/card/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/card/_example/bordered.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/card/_example/bordered.tsx 1`] = `
 <div>
   <div
     class="t-card t-card--bordered"
@@ -17453,7 +17453,7 @@ exports[`csr snapshot test > csr test src/card/_example/bordered.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/card/_example/bordered-none.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/card/_example/bordered-none.tsx 1`] = `
 <div>
   <div
     style="padding: 16px;"
@@ -17496,7 +17496,7 @@ exports[`csr snapshot test > csr test src/card/_example/bordered-none.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/card/_example/custom-loading-props.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/card/_example/custom-loading-props.tsx 1`] = `
 <div>
   <div
     class="t-card t-card--bordered"
@@ -17558,7 +17558,7 @@ exports[`csr snapshot test > csr test src/card/_example/custom-loading-props.tsx
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/card/_example/footer.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/card/_example/footer.tsx 1`] = `
 <div>
   <div
     class="t-card t-card--bordered"
@@ -17720,7 +17720,7 @@ exports[`csr snapshot test > csr test src/card/_example/footer.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/card/_example/footer-actions.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/card/_example/footer-actions.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -18074,7 +18074,7 @@ exports[`csr snapshot test > csr test src/card/_example/footer-actions.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/card/_example/footer-content.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/card/_example/footer-content.tsx 1`] = `
 <div>
   <div
     class="t-card t-card--bordered"
@@ -18135,7 +18135,7 @@ exports[`csr snapshot test > csr test src/card/_example/footer-content.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/card/_example/footer-content-actions.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/card/_example/footer-content-actions.tsx 1`] = `
 <div>
   <div
     class="t-card t-card--bordered"
@@ -18216,7 +18216,7 @@ exports[`csr snapshot test > csr test src/card/_example/footer-content-actions.t
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/card/_example/header.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/card/_example/header.tsx 1`] = `
 <div>
   <div
     class="t-card t-card--bordered t-card--shadow-hover"
@@ -18255,7 +18255,7 @@ exports[`csr snapshot test > csr test src/card/_example/header.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/card/_example/header-all-props.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/card/_example/header-all-props.tsx 1`] = `
 <div>
   <div
     class="t-card t-card--bordered t-card--shadow-hover"
@@ -18300,7 +18300,7 @@ exports[`csr snapshot test > csr test src/card/_example/header-all-props.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/card/_example/header-bordered.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/card/_example/header-bordered.tsx 1`] = `
 <div>
   <div
     class="t-card t-card--bordered"
@@ -18339,7 +18339,7 @@ exports[`csr snapshot test > csr test src/card/_example/header-bordered.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/card/_example/header-description.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/card/_example/header-description.tsx 1`] = `
 <div>
   <div
     class="t-card t-card--bordered t-card--shadow-hover"
@@ -18379,7 +18379,7 @@ exports[`csr snapshot test > csr test src/card/_example/header-description.tsx 1
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/card/_example/header-footer-actions.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/card/_example/header-footer-actions.tsx 1`] = `
 <div>
   <div
     class="t-card t-card--bordered"
@@ -18583,7 +18583,7 @@ exports[`csr snapshot test > csr test src/card/_example/header-footer-actions.ts
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/card/_example/header-subtitle.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/card/_example/header-subtitle.tsx 1`] = `
 <div>
   <div
     class="t-card t-card--bordered t-card--shadow-hover"
@@ -18623,7 +18623,7 @@ exports[`csr snapshot test > csr test src/card/_example/header-subtitle.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/card/_example/header-subtitle-footer-actions.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/card/_example/header-subtitle-footer-actions.tsx 1`] = `
 <div>
   <div
     class="t-card t-card--bordered"
@@ -18778,7 +18778,7 @@ exports[`csr snapshot test > csr test src/card/_example/header-subtitle-footer-a
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-cascader t-select-input t-select-input--empty"
@@ -18823,7 +18823,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/check-strictly.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/check-strictly.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -18963,7 +18963,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/check-strictly.tsx 1
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/collapsed.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/collapsed.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -19117,7 +19117,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/collapsed.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/disabled.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/disabled.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -19225,7 +19225,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/disabled.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/ellipsis.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/ellipsis.tsx 1`] = `
 <div>
   <div
     class="t-cascader t-select-input t-select-input--empty"
@@ -19269,7 +19269,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/ellipsis.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/filterable.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/filterable.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -19393,7 +19393,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/filterable.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/keys.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/keys.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -19499,7 +19499,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/keys.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/load.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/load.tsx 1`] = `
 <div>
   <div
     class="t-cascader t-select-input t-select-input--empty"
@@ -19544,7 +19544,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/load.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/max.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/max.tsx 1`] = `
 <div>
   <div
     class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"
@@ -19597,7 +19597,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/max.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/multiple.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/multiple.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo-block-row"
@@ -19667,7 +19667,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/multiple.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/panel.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/panel.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -19829,7 +19829,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/panel.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/show-all-levels.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/show-all-levels.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -19935,7 +19935,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/show-all-levels.tsx
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -20080,7 +20080,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/trigger.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/trigger.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -20178,7 +20178,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/trigger.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/value-display.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/value-display.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -20395,7 +20395,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/value-display.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/value-mode.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/value-mode.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -20561,7 +20561,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/value-mode.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/cascader/_example/value-type.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/cascader/_example/value-type.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -20711,7 +20711,7 @@ exports[`csr snapshot test > csr test src/cascader/_example/value-type.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/checkbox/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/checkbox/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -20838,7 +20838,7 @@ exports[`csr snapshot test > csr test src/checkbox/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/checkbox/_example/controlled.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/checkbox/_example/controlled.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -20895,7 +20895,7 @@ exports[`csr snapshot test > csr test src/checkbox/_example/controlled.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/checkbox/_example/group.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/checkbox/_example/group.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -21026,7 +21026,7 @@ exports[`csr snapshot test > csr test src/checkbox/_example/group.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/checkbox/_example/link.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/checkbox/_example/link.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -21152,7 +21152,7 @@ exports[`csr snapshot test > csr test src/checkbox/_example/link.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/checkbox/_example/max.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/checkbox/_example/max.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -21322,7 +21322,7 @@ exports[`csr snapshot test > csr test src/checkbox/_example/max.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/collapse/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/collapse/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-collapse"
@@ -21707,7 +21707,7 @@ exports[`csr snapshot test > csr test src/collapse/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/collapse/_example/icon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/collapse/_example/icon.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -22044,7 +22044,7 @@ exports[`csr snapshot test > csr test src/collapse/_example/icon.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/collapse/_example/mutex.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/collapse/_example/mutex.tsx 1`] = `
 <div>
   <div
     class="t-collapse"
@@ -22247,7 +22247,7 @@ exports[`csr snapshot test > csr test src/collapse/_example/mutex.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/collapse/_example/other.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/collapse/_example/other.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -22547,7 +22547,7 @@ exports[`csr snapshot test > csr test src/collapse/_example/other.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/collapse/_example/rightSlot.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/collapse/_example/rightSlot.tsx 1`] = `
 <div>
   <div
     class="t-collapse"
@@ -22753,7 +22753,7 @@ exports[`csr snapshot test > csr test src/collapse/_example/rightSlot.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/color-picker/_example/color-mode.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/color-picker/_example/color-mode.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -22925,7 +22925,7 @@ exports[`csr snapshot test > csr test src/color-picker/_example/color-mode.tsx 1
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/color-picker/_example/enable-alpha.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/color-picker/_example/enable-alpha.tsx 1`] = `
 <div>
   <div
     class="t-color-picker__panel"
@@ -23705,7 +23705,7 @@ exports[`csr snapshot test > csr test src/color-picker/_example/enable-alpha.tsx
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/color-picker/_example/panel.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/color-picker/_example/panel.tsx 1`] = `
 <div>
   <div
     class="t-color-picker__panel"
@@ -24439,7 +24439,7 @@ exports[`csr snapshot test > csr test src/color-picker/_example/panel.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/color-picker/_example/recent-color.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/color-picker/_example/recent-color.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -26119,7 +26119,7 @@ exports[`csr snapshot test > csr test src/color-picker/_example/recent-color.tsx
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/color-picker/_example/status-disabled.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/color-picker/_example/status-disabled.tsx 1`] = `
 <div>
   <div
     class="t-color-picker__trigger"
@@ -26166,7 +26166,7 @@ exports[`csr snapshot test > csr test src/color-picker/_example/status-disabled.
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/color-picker/_example/status-readonly.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/color-picker/_example/status-readonly.tsx 1`] = `
 <div>
   <div
     class="t-color-picker__panel t-is-disabled"
@@ -26960,7 +26960,7 @@ exports[`csr snapshot test > csr test src/color-picker/_example/status-readonly.
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/color-picker/_example/swatch-color.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/color-picker/_example/swatch-color.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -27649,7 +27649,7 @@ exports[`csr snapshot test > csr test src/color-picker/_example/swatch-color.tsx
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/color-picker/_example/trigger.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/color-picker/_example/trigger.tsx 1`] = `
 <div>
   <div
     class="t-color-picker__trigger"
@@ -27695,7 +27695,7 @@ exports[`csr snapshot test > csr test src/color-picker/_example/trigger.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/comment/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/comment/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-comment"
@@ -27740,7 +27740,7 @@ exports[`csr snapshot test > csr test src/comment/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/comment/_example/list.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/comment/_example/list.tsx 1`] = `
 <div>
   <div
     class="t-list t-list--split"
@@ -28059,7 +28059,7 @@ exports[`csr snapshot test > csr test src/comment/_example/list.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/comment/_example/operation.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/comment/_example/operation.tsx 1`] = `
 <div>
   <div
     class="t-comment"
@@ -28158,7 +28158,7 @@ exports[`csr snapshot test > csr test src/comment/_example/operation.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/comment/_example/quote.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/comment/_example/quote.tsx 1`] = `
 <div>
   <div
     class="t-comment"
@@ -28287,7 +28287,7 @@ exports[`csr snapshot test > csr test src/comment/_example/quote.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/comment/_example/reply.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/comment/_example/reply.tsx 1`] = `
 <div>
   <div
     class="t-comment comment-reply"
@@ -28501,7 +28501,7 @@ exports[`csr snapshot test > csr test src/comment/_example/reply.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/comment/_example/reply-form.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/comment/_example/reply-form.tsx 1`] = `
 <div>
   <div
     class="t-comment"
@@ -28564,7 +28564,7 @@ exports[`csr snapshot test > csr test src/comment/_example/reply-form.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/config-provider/_example/calendar.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/config-provider/_example/calendar.tsx 1`] = `
 <div>
   <div
     class="t-calendar t-calendar--full undefined"
@@ -29162,7 +29162,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/calendar.tsx
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/config-provider/_example/date-picker.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/config-provider/_example/date-picker.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -29529,7 +29529,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/date-picker.t
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/config-provider/_example/dialog.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/config-provider/_example/dialog.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -29902,7 +29902,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/dialog.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/config-provider/_example/global.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/config-provider/_example/global.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -29963,7 +29963,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/global.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/config-provider/_example/others.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/config-provider/_example/others.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -30581,7 +30581,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/others.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/config-provider/_example/pagination.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/config-provider/_example/pagination.tsx 1`] = `
 <div>
   <div
     class="t-pagination"
@@ -30743,7 +30743,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/pagination.ts
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/config-provider/_example/popconfirm.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/config-provider/_example/popconfirm.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -30795,7 +30795,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/popconfirm.ts
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/config-provider/_example/table.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/config-provider/_example/table.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -31319,7 +31319,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/table.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/date-picker/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/date-picker/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -31418,7 +31418,7 @@ exports[`csr snapshot test > csr test src/date-picker/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/date-picker/_example/cancel-range-limit.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/date-picker/_example/cancel-range-limit.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -31502,7 +31502,7 @@ exports[`csr snapshot test > csr test src/date-picker/_example/cancel-range-limi
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/date-picker/_example/custom-icon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/date-picker/_example/custom-icon.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -31577,7 +31577,7 @@ exports[`csr snapshot test > csr test src/date-picker/_example/custom-icon.tsx 1
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/date-picker/_example/date-presets-alt.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/date-picker/_example/date-presets-alt.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -31739,7 +31739,7 @@ exports[`csr snapshot test > csr test src/date-picker/_example/date-presets-alt.
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/date-picker/_example/date-range.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/date-picker/_example/date-range.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -31893,7 +31893,7 @@ exports[`csr snapshot test > csr test src/date-picker/_example/date-range.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/date-picker/_example/date-time.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/date-picker/_example/date-time.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -31991,7 +31991,7 @@ exports[`csr snapshot test > csr test src/date-picker/_example/date-time.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/date-picker/_example/disable-date.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/date-picker/_example/disable-date.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -32300,7 +32300,7 @@ exports[`csr snapshot test > csr test src/date-picker/_example/disable-date.tsx
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/date-picker/_example/first-day-of-week.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/date-picker/_example/first-day-of-week.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -32508,7 +32508,7 @@ exports[`csr snapshot test > csr test src/date-picker/_example/first-day-of-week
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/date-picker/_example/month.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/date-picker/_example/month.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -32634,7 +32634,7 @@ exports[`csr snapshot test > csr test src/date-picker/_example/month.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/date-picker/_example/multiple.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/date-picker/_example/multiple.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -32932,7 +32932,7 @@ exports[`csr snapshot test > csr test src/date-picker/_example/multiple.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/date-picker/_example/panel.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/date-picker/_example/panel.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -37545,7 +37545,7 @@ exports[`csr snapshot test > csr test src/date-picker/_example/panel.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/date-picker/_example/quarter.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/date-picker/_example/quarter.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -37671,7 +37671,7 @@ exports[`csr snapshot test > csr test src/date-picker/_example/quarter.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/date-picker/_example/week.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/date-picker/_example/week.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -37797,7 +37797,7 @@ exports[`csr snapshot test > csr test src/date-picker/_example/week.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/date-picker/_example/year.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/date-picker/_example/year.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -37923,7 +37923,7 @@ exports[`csr snapshot test > csr test src/date-picker/_example/year.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/descriptions/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/descriptions/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -38004,7 +38004,7 @@ exports[`csr snapshot test > csr test src/descriptions/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/descriptions/_example/bordered.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/descriptions/_example/bordered.tsx 1`] = `
 <div>
   <div
     class="t-descriptions"
@@ -38076,7 +38076,7 @@ exports[`csr snapshot test > csr test src/descriptions/_example/bordered.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/descriptions/_example/colon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/descriptions/_example/colon.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -38187,7 +38187,7 @@ exports[`csr snapshot test > csr test src/descriptions/_example/colon.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/descriptions/_example/column.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/descriptions/_example/column.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -38341,7 +38341,7 @@ exports[`csr snapshot test > csr test src/descriptions/_example/column.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/descriptions/_example/custom-style.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/descriptions/_example/custom-style.tsx 1`] = `
 <div>
   <div
     class="t-descriptions"
@@ -38421,7 +38421,7 @@ exports[`csr snapshot test > csr test src/descriptions/_example/custom-style.tsx
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/descriptions/_example/items.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/descriptions/_example/items.tsx 1`] = `
 <div>
   <div
     class="t-descriptions"
@@ -38501,7 +38501,7 @@ exports[`csr snapshot test > csr test src/descriptions/_example/items.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/descriptions/_example/layout.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/descriptions/_example/layout.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -38724,7 +38724,7 @@ exports[`csr snapshot test > csr test src/descriptions/_example/layout.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/descriptions/_example/nest.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/descriptions/_example/nest.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -38844,7 +38844,7 @@ exports[`csr snapshot test > csr test src/descriptions/_example/nest.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/descriptions/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/descriptions/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -38998,7 +38998,7 @@ exports[`csr snapshot test > csr test src/descriptions/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dialog/_example/async.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dialog/_example/async.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -39024,7 +39024,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/async.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dialog/_example/attach.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dialog/_example/attach.tsx 1`] = `
 <div>
   <div
     style="position: relative; height: 400px;"
@@ -39077,7 +39077,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/attach.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dialog/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dialog/_example/base.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -39092,7 +39092,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dialog/_example/custom.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dialog/_example/custom.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -39130,7 +39130,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/custom.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dialog/_example/icon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dialog/_example/icon.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -39145,7 +39145,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/icon.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dialog/_example/modal.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dialog/_example/modal.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -39244,7 +39244,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/modal.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dialog/_example/plugin.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dialog/_example/plugin.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -39336,7 +39336,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/plugin.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dialog/_example/position.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dialog/_example/position.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -39384,7 +39384,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/position.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dialog/_example/warning.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dialog/_example/warning.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -39462,7 +39462,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/warning.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/divider/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/divider/_example/base.tsx 1`] = `
 <div>
   <p>
     通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。
@@ -39482,7 +39482,7 @@ exports[`csr snapshot test > csr test src/divider/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/divider/_example/text.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/divider/_example/text.tsx 1`] = `
 <div>
   <p>
     通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。
@@ -39526,7 +39526,7 @@ exports[`csr snapshot test > csr test src/divider/_example/text.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/divider/_example/vertical.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/divider/_example/vertical.tsx 1`] = `
 <div>
   <span>
     正直
@@ -39552,7 +39552,7 @@ exports[`csr snapshot test > csr test src/divider/_example/vertical.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/drawer/_example/attach-parent.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/drawer/_example/attach-parent.tsx 1`] = `
 <div>
   <div
     id="demo-container"
@@ -39745,7 +39745,7 @@ exports[`csr snapshot test > csr test src/drawer/_example/attach-parent.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/drawer/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/drawer/_example/base.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -39760,7 +39760,7 @@ exports[`csr snapshot test > csr test src/drawer/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/drawer/_example/custom.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/drawer/_example/custom.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -39775,7 +39775,7 @@ exports[`csr snapshot test > csr test src/drawer/_example/custom.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/drawer/_example/destroy.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/drawer/_example/destroy.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -39790,7 +39790,7 @@ exports[`csr snapshot test > csr test src/drawer/_example/destroy.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/drawer/_example/no-mask.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/drawer/_example/no-mask.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -39805,7 +39805,7 @@ exports[`csr snapshot test > csr test src/drawer/_example/no-mask.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/drawer/_example/operation.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/drawer/_example/operation.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -39820,7 +39820,7 @@ exports[`csr snapshot test > csr test src/drawer/_example/operation.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/drawer/_example/placement.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/drawer/_example/placement.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -39938,7 +39938,7 @@ exports[`csr snapshot test > csr test src/drawer/_example/placement.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/drawer/_example/popup.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/drawer/_example/popup.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -40021,7 +40021,7 @@ exports[`csr snapshot test > csr test src/drawer/_example/popup.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/drawer/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/drawer/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -40179,7 +40179,7 @@ exports[`csr snapshot test > csr test src/drawer/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/drawer/_example/size-draggable.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/drawer/_example/size-draggable.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -40297,7 +40297,7 @@ exports[`csr snapshot test > csr test src/drawer/_example/size-draggable.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dropdown/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dropdown/_example/base.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-default t-button--variant-text"
@@ -40323,7 +40323,7 @@ exports[`csr snapshot test > csr test src/dropdown/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dropdown/_example/button.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dropdown/_example/button.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
@@ -40344,7 +40344,7 @@ exports[`csr snapshot test > csr test src/dropdown/_example/button.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dropdown/_example/child.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dropdown/_example/child.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-default t-button--variant-text"
@@ -40370,7 +40370,7 @@ exports[`csr snapshot test > csr test src/dropdown/_example/child.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dropdown/_example/click.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dropdown/_example/click.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -40385,7 +40385,7 @@ exports[`csr snapshot test > csr test src/dropdown/_example/click.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dropdown/_example/custom.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dropdown/_example/custom.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -40400,7 +40400,7 @@ exports[`csr snapshot test > csr test src/dropdown/_example/custom.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dropdown/_example/disabled.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dropdown/_example/disabled.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-default t-button--variant-text"
@@ -40426,7 +40426,7 @@ exports[`csr snapshot test > csr test src/dropdown/_example/disabled.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dropdown/_example/icon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dropdown/_example/icon.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-default t-button--variant-text"
@@ -40452,7 +40452,7 @@ exports[`csr snapshot test > csr test src/dropdown/_example/icon.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dropdown/_example/left.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dropdown/_example/left.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-default t-button--variant-text"
@@ -40478,7 +40478,7 @@ exports[`csr snapshot test > csr test src/dropdown/_example/left.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dropdown/_example/long.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dropdown/_example/long.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -40493,7 +40493,7 @@ exports[`csr snapshot test > csr test src/dropdown/_example/long.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dropdown/_example/multiple.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dropdown/_example/multiple.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
@@ -40514,7 +40514,7 @@ exports[`csr snapshot test > csr test src/dropdown/_example/multiple.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dropdown/_example/split.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dropdown/_example/split.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-default t-button--variant-text"
@@ -40540,7 +40540,7 @@ exports[`csr snapshot test > csr test src/dropdown/_example/split.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/dropdown/_example/theme.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/dropdown/_example/theme.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-default t-button--variant-text"
@@ -40566,7 +40566,7 @@ exports[`csr snapshot test > csr test src/dropdown/_example/theme.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/empty/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/empty/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-empty t-size"
@@ -40618,7 +40618,7 @@ exports[`csr snapshot test > csr test src/empty/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/empty/_example/descriptions.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/empty/_example/descriptions.tsx 1`] = `
 <div>
   <div
     class="t-empty t-size"
@@ -40689,7 +40689,7 @@ exports[`csr snapshot test > csr test src/empty/_example/descriptions.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/empty/_example/operation.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/empty/_example/operation.tsx 1`] = `
 <div>
   <div
     class="t-empty t-size"
@@ -40755,7 +40755,7 @@ exports[`csr snapshot test > csr test src/empty/_example/operation.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/empty/_example/self-defined.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/empty/_example/self-defined.tsx 1`] = `
 <div>
   <div
     class="t-row t-row--start t-row--top"
@@ -40828,7 +40828,7 @@ exports[`csr snapshot test > csr test src/empty/_example/self-defined.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/empty/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/empty/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -41132,7 +41132,7 @@ exports[`csr snapshot test > csr test src/empty/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/empty/_example/status.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/empty/_example/status.tsx 1`] = `
 <div>
   <div
     class="t-row t-row--start t-row--top"
@@ -41350,7 +41350,7 @@ exports[`csr snapshot test > csr test src/empty/_example/status.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/align.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/align.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -41513,7 +41513,7 @@ exports[`csr snapshot test > csr test src/form/_example/align.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/base.tsx 1`] = `
 <div>
   <form
     class="t-form"
@@ -42001,7 +42001,7 @@ exports[`csr snapshot test > csr test src/form/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/clear-validate.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/clear-validate.tsx 1`] = `
 <div>
   <form
     class="t-form"
@@ -42545,7 +42545,7 @@ exports[`csr snapshot test > csr test src/form/_example/clear-validate.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/custom-validator.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/custom-validator.tsx 1`] = `
 <div>
   <form
     class="t-form"
@@ -42708,7 +42708,7 @@ exports[`csr snapshot test > csr test src/form/_example/custom-validator.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/customized-form-controls.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/customized-form-controls.tsx 1`] = `
 <div>
   <form
     class="t-form"
@@ -42833,7 +42833,7 @@ exports[`csr snapshot test > csr test src/form/_example/customized-form-controls
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/disabled.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/disabled.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -43625,7 +43625,7 @@ exports[`csr snapshot test > csr test src/form/_example/disabled.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/error-message.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/error-message.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -44233,7 +44233,7 @@ exports[`csr snapshot test > csr test src/form/_example/error-message.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/form-field-linkage.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/form-field-linkage.tsx 1`] = `
 <div>
   <form
     class="t-form"
@@ -44332,7 +44332,7 @@ exports[`csr snapshot test > csr test src/form/_example/form-field-linkage.tsx 1
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/form-list.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/form-list.tsx 1`] = `
 <div>
   <form
     class="t-form"
@@ -44398,7 +44398,7 @@ exports[`csr snapshot test > csr test src/form/_example/form-list.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/layout.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/layout.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -44541,7 +44541,7 @@ exports[`csr snapshot test > csr test src/form/_example/layout.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/login.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/login.tsx 1`] = `
 <div>
   <div
     style="width: 350px;"
@@ -44678,7 +44678,7 @@ exports[`csr snapshot test > csr test src/form/_example/login.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/nested-data.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/nested-data.tsx 1`] = `
 <div>
   <form
     class="t-form"
@@ -45046,7 +45046,7 @@ exports[`csr snapshot test > csr test src/form/_example/nested-data.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/reset.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/reset.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -45320,7 +45320,7 @@ exports[`csr snapshot test > csr test src/form/_example/reset.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/validate-complicated-data.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/validate-complicated-data.tsx 1`] = `
 <div>
   <form
     class="t-form"
@@ -46107,7 +46107,7 @@ exports[`csr snapshot test > csr test src/form/_example/validate-complicated-dat
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/validate-message.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/validate-message.tsx 1`] = `
 <div>
   <form
     class="t-form"
@@ -46321,7 +46321,7 @@ exports[`csr snapshot test > csr test src/form/_example/validate-message.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/validator.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/validator.tsx 1`] = `
 <div>
   <form
     class="t-form"
@@ -46725,7 +46725,7 @@ exports[`csr snapshot test > csr test src/form/_example/validator.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/form/_example/validator-status.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/form/_example/validator-status.tsx 1`] = `
 <div>
   <form
     class="t-form"
@@ -47135,7 +47135,7 @@ exports[`csr snapshot test > csr test src/form/_example/validator-status.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/grid/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/grid/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-row t-row--start t-row--top"
@@ -47394,7 +47394,7 @@ exports[`csr snapshot test > csr test src/grid/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/grid/_example/flex.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/grid/_example/flex.tsx 1`] = `
 <div>
   <div
     class="t-row t-row--start t-row--top"
@@ -47485,7 +47485,7 @@ exports[`csr snapshot test > csr test src/grid/_example/flex.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/grid/_example/gutter.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/grid/_example/gutter.tsx 1`] = `
 <div>
   <div
     class="t-row t-row--start t-row--top"
@@ -47633,7 +47633,7 @@ exports[`csr snapshot test > csr test src/grid/_example/gutter.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/grid/_example/halign.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/grid/_example/halign.tsx 1`] = `
 <div>
   <p>
     align left
@@ -47838,7 +47838,7 @@ exports[`csr snapshot test > csr test src/grid/_example/halign.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/grid/_example/offset.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/grid/_example/offset.tsx 1`] = `
 <div>
   <div
     class="t-row t-row--start t-row--top"
@@ -47898,7 +47898,7 @@ exports[`csr snapshot test > csr test src/grid/_example/offset.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/grid/_example/order.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/grid/_example/order.tsx 1`] = `
 <div>
   <div
     class="t-row t-row--start t-row--top"
@@ -47999,7 +47999,7 @@ exports[`csr snapshot test > csr test src/grid/_example/order.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/grid/_example/responsive.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/grid/_example/responsive.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -48080,7 +48080,7 @@ exports[`csr snapshot test > csr test src/grid/_example/responsive.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/grid/_example/sort.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/grid/_example/sort.tsx 1`] = `
 <div>
   <div
     class="t-row t-row--start t-row--top"
@@ -48133,7 +48133,7 @@ exports[`csr snapshot test > csr test src/grid/_example/sort.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/grid/_example/valign.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/grid/_example/valign.tsx 1`] = `
 <div>
   <p>
     align top
@@ -48282,7 +48282,7 @@ exports[`csr snapshot test > csr test src/grid/_example/valign.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/guide/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/guide/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-row t-row--center t-row--top"
@@ -48302,7 +48302,7 @@ exports[`csr snapshot test > csr test src/guide/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/guide/_example/custom-popup.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/guide/_example/custom-popup.tsx 1`] = `
 <div>
   <div
     class="t-row t-row--center t-row--top"
@@ -48322,7 +48322,7 @@ exports[`csr snapshot test > csr test src/guide/_example/custom-popup.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/guide/_example/dialog.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/guide/_example/dialog.tsx 1`] = `
 <div>
   <div
     class="t-row t-row--center t-row--top"
@@ -48342,7 +48342,7 @@ exports[`csr snapshot test > csr test src/guide/_example/dialog.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/guide/_example/no-mask.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/guide/_example/no-mask.tsx 1`] = `
 <div>
   <div
     class="t-row t-row--center t-row--top"
@@ -48362,7 +48362,7 @@ exports[`csr snapshot test > csr test src/guide/_example/no-mask.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/guide/_example/popup-dialog.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/guide/_example/popup-dialog.tsx 1`] = `
 <div>
   <div
     class="t-row t-row--center t-row--top"
@@ -48382,7 +48382,7 @@ exports[`csr snapshot test > csr test src/guide/_example/popup-dialog.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/icon/_example/Enhanced.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/icon/_example/Enhanced.tsx 1`] = `
 <div>
   <div>
     <svg
@@ -48454,7 +48454,7 @@ exports[`csr snapshot test > csr test src/icon/_example/Enhanced.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/icon/_example/IconExample.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/icon/_example/IconExample.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -48706,7 +48706,7 @@ exports[`csr snapshot test > csr test src/icon/_example/IconExample.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/icon/_example/IconFontEnhanced.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/icon/_example/IconFontEnhanced.tsx 1`] = `
 <div>
   <div>
     <i
@@ -48746,7 +48746,7 @@ exports[`csr snapshot test > csr test src/icon/_example/IconFontEnhanced.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/icon/_example/IconFontExample.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/icon/_example/IconFontExample.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -48907,7 +48907,7 @@ exports[`csr snapshot test > csr test src/icon/_example/IconFontExample.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/icon/_example/IconSelect.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/icon/_example/IconSelect.tsx 1`] = `
 <div>
   <div
     class="t-select__wrap"
@@ -48968,7 +48968,7 @@ exports[`csr snapshot test > csr test src/icon/_example/IconSelect.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/icon/_example/SvgSpriteExample.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/icon/_example/SvgSpriteExample.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -49185,7 +49185,7 @@ exports[`csr snapshot test > csr test src/icon/_example/SvgSpriteExample.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image/_example/avif.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image/_example/avif.tsx 1`] = `
 <div>
   <div
     class="t-image__wrapper t-image__wrapper--shape-square"
@@ -49240,7 +49240,7 @@ exports[`csr snapshot test > csr test src/image/_example/avif.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image/_example/extra-always.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image/_example/extra-always.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -49428,7 +49428,7 @@ exports[`csr snapshot test > csr test src/image/_example/extra-always.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image/_example/extra-hover.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image/_example/extra-hover.tsx 1`] = `
 <div>
   <div
     class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover"
@@ -49482,7 +49482,7 @@ exports[`csr snapshot test > csr test src/image/_example/extra-hover.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image/_example/fill-mode.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image/_example/fill-mode.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -49782,7 +49782,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-mode.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image/_example/fill-position.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image/_example/fill-position.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -50408,7 +50408,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image/_example/gallery-cover.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image/_example/gallery-cover.tsx 1`] = `
 <div>
   <div
     class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--gallery"
@@ -50470,7 +50470,7 @@ exports[`csr snapshot test > csr test src/image/_example/gallery-cover.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image/_example/lazy-list.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image/_example/lazy-list.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -51571,7 +51571,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image/_example/lazy-single.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image/_example/lazy-single.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -51660,7 +51660,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-single.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image/_example/placeholder.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image/_example/placeholder.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -51972,7 +51972,7 @@ exports[`csr snapshot test > csr test src/image/_example/placeholder.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image/_example/shape.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image/_example/shape.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -52156,7 +52156,7 @@ exports[`csr snapshot test > csr test src/image/_example/shape.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image-viewer/_example/album.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image-viewer/_example/album.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -52251,7 +52251,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/album.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image-viewer/_example/albumIcons.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image-viewer/_example/albumIcons.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -52382,7 +52382,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/albumIcons.tsx 1
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image-viewer/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image-viewer/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -52466,7 +52466,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image-viewer/_example/block.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image-viewer/_example/block.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -52624,7 +52624,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/block.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image-viewer/_example/button.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image-viewer/_example/button.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -52639,7 +52639,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/button.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image-viewer/_example/error.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image-viewer/_example/error.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -52945,7 +52945,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/error.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image-viewer/_example/modeless.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image-viewer/_example/modeless.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -53029,7 +53029,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/modeless.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image-viewer/_example/multiple.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image-viewer/_example/multiple.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -53261,7 +53261,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/multiple.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/image-viewer/_example/svg.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/image-viewer/_example/svg.tsx 1`] = `
 <div>
   <div>
     <div
@@ -53338,7 +53338,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/svg.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input/_example/addon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input/_example/addon.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -53423,7 +53423,7 @@ exports[`csr snapshot test > csr test src/input/_example/addon.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input/_example/align.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input/_example/align.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -53490,7 +53490,7 @@ exports[`csr snapshot test > csr test src/input/_example/align.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input/_example/auto-width.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input/_example/auto-width.tsx 1`] = `
 <div>
   <div
     style="max-width: 500px;"
@@ -53519,7 +53519,7 @@ exports[`csr snapshot test > csr test src/input/_example/auto-width.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -53568,7 +53568,7 @@ exports[`csr snapshot test > csr test src/input/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input/_example/borderless.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input/_example/borderless.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -53616,7 +53616,7 @@ exports[`csr snapshot test > csr test src/input/_example/borderless.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input/_example/clearable.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input/_example/clearable.tsx 1`] = `
 <div>
   <div
     class="t-input__wrap"
@@ -53637,7 +53637,7 @@ exports[`csr snapshot test > csr test src/input/_example/clearable.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input/_example/disabled.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input/_example/disabled.tsx 1`] = `
 <div>
   <div
     class="t-input__wrap"
@@ -53658,7 +53658,7 @@ exports[`csr snapshot test > csr test src/input/_example/disabled.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input/_example/format.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input/_example/format.tsx 1`] = `
 <div>
   <div
     class="t-input__wrap"
@@ -53684,7 +53684,7 @@ exports[`csr snapshot test > csr test src/input/_example/format.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input/_example/group.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input/_example/group.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -53848,7 +53848,7 @@ exports[`csr snapshot test > csr test src/input/_example/group.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input/_example/max-length-count.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input/_example/max-length-count.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -53970,7 +53970,7 @@ exports[`csr snapshot test > csr test src/input/_example/max-length-count.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input/_example/password.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input/_example/password.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -54084,7 +54084,7 @@ exports[`csr snapshot test > csr test src/input/_example/password.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -54151,7 +54151,7 @@ exports[`csr snapshot test > csr test src/input/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input/_example/status.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input/_example/status.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -54390,7 +54390,7 @@ exports[`csr snapshot test > csr test src/input/_example/status.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input/_example/textarea.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input/_example/textarea.tsx 1`] = `
 <div>
   <div
     class="t-input__wrap"
@@ -54443,7 +54443,7 @@ exports[`csr snapshot test > csr test src/input/_example/textarea.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input-adornment/_example/select.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input-adornment/_example/select.tsx 1`] = `
 <div>
   <div
     class="t-space adornment-select t-space-vertical"
@@ -54763,7 +54763,7 @@ exports[`csr snapshot test > csr test src/input-adornment/_example/select.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input-adornment/_example/text.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input-adornment/_example/text.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -54887,7 +54887,7 @@ exports[`csr snapshot test > csr test src/input-adornment/_example/text.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input-number/_example/align.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input-number/_example/align.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -55167,7 +55167,7 @@ exports[`csr snapshot test > csr test src/input-number/_example/align.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input-number/_example/auto-width.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input-number/_example/auto-width.tsx 1`] = `
 <div>
   <div
     class="t-input-number t-size-m t-input-number--row t-input-number--auto-width"
@@ -55232,7 +55232,7 @@ exports[`csr snapshot test > csr test src/input-number/_example/auto-width.tsx 1
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input-number/_example/center.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input-number/_example/center.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -55436,7 +55436,7 @@ exports[`csr snapshot test > csr test src/input-number/_example/center.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input-number/_example/default.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input-number/_example/default.tsx 1`] = `
 <div>
   <div
     class="t-input-number t-size-m t-input-number--row"
@@ -55496,7 +55496,7 @@ exports[`csr snapshot test > csr test src/input-number/_example/default.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input-number/_example/format.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input-number/_example/format.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -55626,7 +55626,7 @@ exports[`csr snapshot test > csr test src/input-number/_example/format.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input-number/_example/large-number.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input-number/_example/large-number.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -55756,7 +55756,7 @@ exports[`csr snapshot test > csr test src/input-number/_example/large-number.tsx
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input-number/_example/left.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input-number/_example/left.tsx 1`] = `
 <div>
   <div
     class="t-input-number t-size-m t-is-controls-right t-input-number--column"
@@ -55816,7 +55816,7 @@ exports[`csr snapshot test > csr test src/input-number/_example/left.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input-number/_example/normal.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input-number/_example/normal.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -55925,7 +55925,7 @@ exports[`csr snapshot test > csr test src/input-number/_example/normal.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input-number/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input-number/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -56391,7 +56391,7 @@ exports[`csr snapshot test > csr test src/input-number/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input-number/_example/status.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input-number/_example/status.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -56810,7 +56810,7 @@ exports[`csr snapshot test > csr test src/input-number/_example/status.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/input-number/_example/step.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/input-number/_example/step.tsx 1`] = `
 <div>
   <div
     class="t-input-number t-size-m t-input-number--row"
@@ -56870,7 +56870,7 @@ exports[`csr snapshot test > csr test src/input-number/_example/step.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/layout/_example/aside.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/layout/_example/aside.tsx 1`] = `
 <div>
   <h4>
     侧边导航布局
@@ -56970,7 +56970,7 @@ exports[`csr snapshot test > csr test src/layout/_example/aside.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/layout/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/layout/_example/base.tsx 1`] = `
 <div>
   <h4>
     顶部导航布局
@@ -57130,7 +57130,7 @@ exports[`csr snapshot test > csr test src/layout/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/layout/_example/combine.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/layout/_example/combine.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo-item--layout"
@@ -57479,7 +57479,7 @@ exports[`csr snapshot test > csr test src/layout/_example/combine.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/layout/_example/top.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/layout/_example/top.tsx 1`] = `
 <div>
   <div
     class="t-layout"
@@ -57605,7 +57605,7 @@ exports[`csr snapshot test > csr test src/layout/_example/top.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/link/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/link/_example/base.tsx 1`] = `
 <div>
   <a
     class="t-link t-link--theme-primary t-link--hover-underline"
@@ -57615,7 +57615,7 @@ exports[`csr snapshot test > csr test src/link/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/link/_example/disabled.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/link/_example/disabled.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -57686,7 +57686,7 @@ exports[`csr snapshot test > csr test src/link/_example/disabled.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/link/_example/hover.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/link/_example/hover.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -57858,7 +57858,7 @@ exports[`csr snapshot test > csr test src/link/_example/hover.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/link/_example/icon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/link/_example/icon.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -57973,7 +57973,7 @@ exports[`csr snapshot test > csr test src/link/_example/icon.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/link/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/link/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -58193,7 +58193,7 @@ exports[`csr snapshot test > csr test src/link/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/link/_example/theme.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/link/_example/theme.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -58248,7 +58248,7 @@ exports[`csr snapshot test > csr test src/link/_example/theme.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/link/_example/underline.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/link/_example/underline.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -58303,7 +58303,7 @@ exports[`csr snapshot test > csr test src/link/_example/underline.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/list/_example/asyncLoading.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/list/_example/asyncLoading.tsx 1`] = `
 <div>
   <div
     class="t-radio-group t-size-l t-radio-group__outline"
@@ -58439,7 +58439,7 @@ exports[`csr snapshot test > csr test src/list/_example/asyncLoading.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/list/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/list/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-list"
@@ -58542,7 +58542,7 @@ exports[`csr snapshot test > csr test src/list/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/list/_example/header-footer.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/list/_example/header-footer.tsx 1`] = `
 <div>
   <div
     class="t-list"
@@ -58662,7 +58662,7 @@ exports[`csr snapshot test > csr test src/list/_example/header-footer.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/list/_example/image-text.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/list/_example/image-text.tsx 1`] = `
 <div>
   <div
     class="t-list t-size-s"
@@ -58819,7 +58819,7 @@ exports[`csr snapshot test > csr test src/list/_example/image-text.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/list/_example/multiline.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/list/_example/multiline.tsx 1`] = `
 <div>
   <div
     class="t-list"
@@ -58944,7 +58944,7 @@ exports[`csr snapshot test > csr test src/list/_example/multiline.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/list/_example/operation.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/list/_example/operation.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -59312,7 +59312,7 @@ exports[`csr snapshot test > csr test src/list/_example/operation.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/list/_example/scroll.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/list/_example/scroll.tsx 1`] = `
 <div>
   <div
     class="t-list t-size-s"
@@ -59357,7 +59357,7 @@ exports[`csr snapshot test > csr test src/list/_example/scroll.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/list/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/list/_example/size.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo-item__body tdesign-demo-item__body--list"
@@ -59511,7 +59511,7 @@ exports[`csr snapshot test > csr test src/list/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/list/_example/stripe.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/list/_example/stripe.tsx 1`] = `
 <div>
   <div
     class="t-list t-list--stripe"
@@ -59560,7 +59560,7 @@ exports[`csr snapshot test > csr test src/list/_example/stripe.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/loading/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/loading/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-loading t-loading--center t-size-m"
@@ -59588,7 +59588,7 @@ exports[`csr snapshot test > csr test src/loading/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/loading/_example/delay.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/loading/_example/delay.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -59666,7 +59666,7 @@ exports[`csr snapshot test > csr test src/loading/_example/delay.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/loading/_example/fullscreen.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/loading/_example/fullscreen.tsx 1`] = `
 <div>
   Loading state:
   <button
@@ -59684,7 +59684,7 @@ exports[`csr snapshot test > csr test src/loading/_example/fullscreen.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/loading/_example/icon-text.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/loading/_example/icon-text.tsx 1`] = `
 <div>
   <div
     class="t-loading t-loading--center t-size-s"
@@ -59717,7 +59717,7 @@ exports[`csr snapshot test > csr test src/loading/_example/icon-text.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/loading/_example/service.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/loading/_example/service.tsx 1`] = `
 <div>
   <div
     id="loading-service"
@@ -59751,7 +59751,7 @@ exports[`csr snapshot test > csr test src/loading/_example/service.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/loading/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/loading/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -59857,7 +59857,7 @@ exports[`csr snapshot test > csr test src/loading/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/loading/_example/text.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/loading/_example/text.tsx 1`] = `
 <div>
   <div
     class="t-loading t-loading--center t-size-m"
@@ -59871,7 +59871,7 @@ exports[`csr snapshot test > csr test src/loading/_example/text.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/loading/_example/wrap.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/loading/_example/wrap.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -59968,7 +59968,7 @@ exports[`csr snapshot test > csr test src/loading/_example/wrap.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/menu/_example/closable-side.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/menu/_example/closable-side.tsx 1`] = `
 <div>
   <div
     class="t-default-menu t-is-collapsed"
@@ -60224,7 +60224,7 @@ exports[`csr snapshot test > csr test src/menu/_example/closable-side.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/menu/_example/custom-header.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/menu/_example/custom-header.tsx 1`] = `
 <div>
   <div
     class="t-head-menu t-menu--light"
@@ -60513,7 +60513,7 @@ exports[`csr snapshot test > csr test src/menu/_example/custom-header.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/menu/_example/custom-side.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/menu/_example/custom-side.tsx 1`] = `
 <div>
   <div
     class="t-default-menu"
@@ -60716,7 +60716,7 @@ exports[`csr snapshot test > csr test src/menu/_example/custom-side.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/menu/_example/double.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/menu/_example/double.tsx 1`] = `
 <div>
   <div
     class="t-head-menu t-menu--light"
@@ -61002,7 +61002,7 @@ exports[`csr snapshot test > csr test src/menu/_example/double.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/menu/_example/group-side.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/menu/_example/group-side.tsx 1`] = `
 <div>
   <div
     class="t-default-menu"
@@ -61287,7 +61287,7 @@ exports[`csr snapshot test > csr test src/menu/_example/group-side.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/menu/_example/multi-side.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/menu/_example/multi-side.tsx 1`] = `
 <div>
   <div
     class="t-default-menu"
@@ -62076,7 +62076,7 @@ exports[`csr snapshot test > csr test src/menu/_example/multi-side.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/menu/_example/multiple.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/menu/_example/multiple.tsx 1`] = `
 <div>
   <div
     class="t-head-menu t-menu--light"
@@ -62289,7 +62289,7 @@ exports[`csr snapshot test > csr test src/menu/_example/multiple.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/menu/_example/popup-side.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/menu/_example/popup-side.tsx 1`] = `
 <div>
   <div
     class="t-default-menu t-is-collapsed"
@@ -62772,7 +62772,7 @@ exports[`csr snapshot test > csr test src/menu/_example/popup-side.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/menu/_example/single.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/menu/_example/single.tsx 1`] = `
 <div>
   <div
     class="t-head-menu t-menu--light"
@@ -63060,7 +63060,7 @@ exports[`csr snapshot test > csr test src/menu/_example/single.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/menu/_example/single-side.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/menu/_example/single-side.tsx 1`] = `
 <div>
   <div
     class="t-default-menu"
@@ -63263,7 +63263,7 @@ exports[`csr snapshot test > csr test src/menu/_example/single-side.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/message/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/message/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -63378,7 +63378,7 @@ exports[`csr snapshot test > csr test src/message/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/message/_example/close.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/message/_example/close.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -63499,7 +63499,7 @@ exports[`csr snapshot test > csr test src/message/_example/close.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/message/_example/close-all.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/message/_example/close-all.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -63537,7 +63537,7 @@ exports[`csr snapshot test > csr test src/message/_example/close-all.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/message/_example/close-function.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/message/_example/close-function.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -63554,7 +63554,7 @@ exports[`csr snapshot test > csr test src/message/_example/close-function.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/message/_example/config.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/message/_example/config.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -63592,7 +63592,7 @@ exports[`csr snapshot test > csr test src/message/_example/config.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/message/_example/duration.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/message/_example/duration.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -63644,7 +63644,7 @@ exports[`csr snapshot test > csr test src/message/_example/duration.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/message/_example/loading.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/message/_example/loading.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -63743,7 +63743,7 @@ exports[`csr snapshot test > csr test src/message/_example/loading.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/message/_example/methods.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/message/_example/methods.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -63837,7 +63837,7 @@ exports[`csr snapshot test > csr test src/message/_example/methods.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/message/_example/offset.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/message/_example/offset.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -64042,7 +64042,7 @@ exports[`csr snapshot test > csr test src/message/_example/offset.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/notification/_example/attach.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/notification/_example/attach.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -64108,7 +64108,7 @@ exports[`csr snapshot test > csr test src/notification/_example/attach.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/notification/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/notification/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-notification t-notification-is-info"
@@ -64154,7 +64154,7 @@ exports[`csr snapshot test > csr test src/notification/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/notification/_example/close-all.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/notification/_example/close-all.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -64192,7 +64192,7 @@ exports[`csr snapshot test > csr test src/notification/_example/close-all.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/notification/_example/content.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/notification/_example/content.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -64294,7 +64294,7 @@ exports[`csr snapshot test > csr test src/notification/_example/content.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/notification/_example/footer.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/notification/_example/footer.tsx 1`] = `
 <div>
   <div
     class="t-notification t-notification-is-info"
@@ -64358,7 +64358,7 @@ exports[`csr snapshot test > csr test src/notification/_example/footer.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/notification/_example/icon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/notification/_example/icon.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -64548,7 +64548,7 @@ exports[`csr snapshot test > csr test src/notification/_example/icon.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/notification/_example/operation.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/notification/_example/operation.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -64895,7 +64895,7 @@ exports[`csr snapshot test > csr test src/notification/_example/operation.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/notification/_example/placement.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/notification/_example/placement.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -65030,7 +65030,7 @@ exports[`csr snapshot test > csr test src/notification/_example/placement.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/notification/_example/plugin.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/notification/_example/plugin.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -65096,7 +65096,7 @@ exports[`csr snapshot test > csr test src/notification/_example/plugin.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/notification/_example/toggle.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/notification/_example/toggle.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -65111,7 +65111,7 @@ exports[`csr snapshot test > csr test src/notification/_example/toggle.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/pagination/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/pagination/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-pagination"
@@ -65260,7 +65260,7 @@ exports[`csr snapshot test > csr test src/pagination/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/pagination/_example/jump.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/pagination/_example/jump.tsx 1`] = `
 <div>
   <div
     class="t-pagination"
@@ -65448,7 +65448,7 @@ exports[`csr snapshot test > csr test src/pagination/_example/jump.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/pagination/_example/mini.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/pagination/_example/mini.tsx 1`] = `
 <div>
   <div
     class="t-pagination t-size-s"
@@ -65597,7 +65597,7 @@ exports[`csr snapshot test > csr test src/pagination/_example/mini.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/pagination/_example/more.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/pagination/_example/more.tsx 1`] = `
 <div>
   <div>
     <span>
@@ -65877,7 +65877,7 @@ exports[`csr snapshot test > csr test src/pagination/_example/more.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/pagination/_example/page-num.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/pagination/_example/page-num.tsx 1`] = `
 <div>
   <div
     class="t-pagination"
@@ -66026,7 +66026,7 @@ exports[`csr snapshot test > csr test src/pagination/_example/page-num.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/pagination/_example/pagination-mini.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/pagination/_example/pagination-mini.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -66256,7 +66256,7 @@ exports[`csr snapshot test > csr test src/pagination/_example/pagination-mini.ts
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/pagination/_example/simple.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/pagination/_example/simple.tsx 1`] = `
 <div>
   <div
     class="t-pagination"
@@ -66394,7 +66394,7 @@ exports[`csr snapshot test > csr test src/pagination/_example/simple.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/pagination/_example/simple-mini.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/pagination/_example/simple-mini.tsx 1`] = `
 <div>
   <div
     class="t-pagination t-size-s"
@@ -66532,7 +66532,7 @@ exports[`csr snapshot test > csr test src/pagination/_example/simple-mini.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/pagination/_example/total.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/pagination/_example/total.tsx 1`] = `
 <div>
   <div
     class="t-pagination"
@@ -66681,7 +66681,7 @@ exports[`csr snapshot test > csr test src/pagination/_example/total.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popconfirm/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popconfirm/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -66719,7 +66719,7 @@ exports[`csr snapshot test > csr test src/popconfirm/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popconfirm/_example/button.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popconfirm/_example/button.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -66757,7 +66757,7 @@ exports[`csr snapshot test > csr test src/popconfirm/_example/button.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popconfirm/_example/describe.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popconfirm/_example/describe.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -66795,7 +66795,7 @@ exports[`csr snapshot test > csr test src/popconfirm/_example/describe.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popconfirm/_example/extends.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popconfirm/_example/extends.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -66810,7 +66810,7 @@ exports[`csr snapshot test > csr test src/popconfirm/_example/extends.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popconfirm/_example/icon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popconfirm/_example/icon.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -66894,7 +66894,7 @@ exports[`csr snapshot test > csr test src/popconfirm/_example/icon.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popconfirm/_example/inherit.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popconfirm/_example/inherit.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -66932,7 +66932,7 @@ exports[`csr snapshot test > csr test src/popconfirm/_example/inherit.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popconfirm/_example/placement.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popconfirm/_example/placement.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -66984,7 +66984,7 @@ exports[`csr snapshot test > csr test src/popconfirm/_example/placement.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popconfirm/_example/theme.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popconfirm/_example/theme.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -67050,7 +67050,7 @@ exports[`csr snapshot test > csr test src/popconfirm/_example/theme.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popup/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popup/_example/base.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -67065,7 +67065,7 @@ exports[`csr snapshot test > csr test src/popup/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popup/_example/container.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popup/_example/container.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -67103,7 +67103,7 @@ exports[`csr snapshot test > csr test src/popup/_example/container.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popup/_example/destroy.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popup/_example/destroy.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -67118,7 +67118,7 @@ exports[`csr snapshot test > csr test src/popup/_example/destroy.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popup/_example/disabled.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popup/_example/disabled.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -67133,7 +67133,7 @@ exports[`csr snapshot test > csr test src/popup/_example/disabled.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popup/_example/dynamic.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popup/_example/dynamic.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -67148,7 +67148,7 @@ exports[`csr snapshot test > csr test src/popup/_example/dynamic.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popup/_example/placement.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popup/_example/placement.tsx 1`] = `
 <div>
   <div
     style="margin: 0px auto; width: 500px; height: 260px; position: relative;"
@@ -67289,7 +67289,7 @@ exports[`csr snapshot test > csr test src/popup/_example/placement.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popup/_example/plugin.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popup/_example/plugin.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -67341,7 +67341,7 @@ exports[`csr snapshot test > csr test src/popup/_example/plugin.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popup/_example/popper-options.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popup/_example/popper-options.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -67457,7 +67457,7 @@ exports[`csr snapshot test > csr test src/popup/_example/popper-options.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popup/_example/style.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popup/_example/style.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -67523,7 +67523,7 @@ exports[`csr snapshot test > csr test src/popup/_example/style.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popup/_example/trigger.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popup/_example/trigger.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -67595,7 +67595,7 @@ exports[`csr snapshot test > csr test src/popup/_example/trigger.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popup/_example/trigger-element.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popup/_example/trigger-element.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -67633,7 +67633,7 @@ exports[`csr snapshot test > csr test src/popup/_example/trigger-element.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/popup/_example/visible.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/popup/_example/visible.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-primary t-button--variant-base"
@@ -67648,7 +67648,7 @@ exports[`csr snapshot test > csr test src/popup/_example/visible.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/progress/_example/circle.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/progress/_example/circle.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -68243,7 +68243,7 @@ exports[`csr snapshot test > csr test src/progress/_example/circle.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/progress/_example/line.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/progress/_example/line.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -68638,7 +68638,7 @@ exports[`csr snapshot test > csr test src/progress/_example/line.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/progress/_example/plump.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/progress/_example/plump.tsx 1`] = `
 <div>
   <div>
     <div
@@ -68894,7 +68894,7 @@ exports[`csr snapshot test > csr test src/progress/_example/plump.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/radio/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/radio/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -69022,7 +69022,7 @@ exports[`csr snapshot test > csr test src/radio/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/radio/_example/group.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/radio/_example/group.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -69493,7 +69493,7 @@ exports[`csr snapshot test > csr test src/radio/_example/group.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/radio/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/radio/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -70067,7 +70067,7 @@ exports[`csr snapshot test > csr test src/radio/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/radio/_example/type.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/radio/_example/type.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -70776,7 +70776,7 @@ exports[`csr snapshot test > csr test src/radio/_example/type.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/range-input/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/range-input/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-range-input t-is-default"
@@ -70824,7 +70824,7 @@ exports[`csr snapshot test > csr test src/range-input/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/range-input/_example/popup.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/range-input/_example/popup.tsx 1`] = `
 <div>
   <div
     class="t-range-input-popup t-range-input-popup"
@@ -70876,7 +70876,7 @@ exports[`csr snapshot test > csr test src/range-input/_example/popup.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/range-input/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/range-input/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -71027,7 +71027,7 @@ exports[`csr snapshot test > csr test src/range-input/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/range-input/_example/status.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/range-input/_example/status.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -71178,7 +71178,7 @@ exports[`csr snapshot test > csr test src/range-input/_example/status.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/rate/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/rate/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-rate"
@@ -71392,7 +71392,7 @@ exports[`csr snapshot test > csr test src/rate/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/rate/_example/clearable.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/rate/_example/clearable.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -71842,7 +71842,7 @@ exports[`csr snapshot test > csr test src/rate/_example/clearable.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/rate/_example/custom.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/rate/_example/custom.tsx 1`] = `
 <div>
   <div
     class="t-rate"
@@ -72136,7 +72136,7 @@ exports[`csr snapshot test > csr test src/rate/_example/custom.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/rate/_example/icon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/rate/_example/icon.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -72785,7 +72785,7 @@ exports[`csr snapshot test > csr test src/rate/_example/icon.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/rate/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/rate/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -73225,7 +73225,7 @@ exports[`csr snapshot test > csr test src/rate/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/rate/_example/status.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/rate/_example/status.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -73895,7 +73895,7 @@ exports[`csr snapshot test > csr test src/rate/_example/status.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/rate/_example/texts.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/rate/_example/texts.tsx 1`] = `
 <div>
   <div
     class="t-rate"
@@ -74134,7 +74134,7 @@ exports[`csr snapshot test > csr test src/rate/_example/texts.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-select__wrap"
@@ -74183,7 +74183,7 @@ exports[`csr snapshot test > csr test src/select/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/collapsed.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/collapsed.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -74517,7 +74517,7 @@ exports[`csr snapshot test > csr test src/select/_example/collapsed.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/creatable.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/creatable.tsx 1`] = `
 <div>
   <div
     class="t-select__wrap"
@@ -74565,7 +74565,7 @@ exports[`csr snapshot test > csr test src/select/_example/creatable.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/custom-options.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/custom-options.tsx 1`] = `
 <div>
   <div
     class="t-select__wrap"
@@ -74615,7 +74615,7 @@ exports[`csr snapshot test > csr test src/select/_example/custom-options.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/custom-selected.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/custom-selected.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -74791,7 +74791,7 @@ exports[`csr snapshot test > csr test src/select/_example/custom-selected.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/disabled.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/disabled.tsx 1`] = `
 <div>
   <div
     class="t-select__wrap"
@@ -74842,7 +74842,7 @@ exports[`csr snapshot test > csr test src/select/_example/disabled.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/filterable.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/filterable.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -74975,7 +74975,7 @@ exports[`csr snapshot test > csr test src/select/_example/filterable.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/group.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/group.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -75103,7 +75103,7 @@ exports[`csr snapshot test > csr test src/select/_example/group.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/keys.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/keys.tsx 1`] = `
 <div>
   <div
     class="t-select__wrap"
@@ -75219,7 +75219,7 @@ exports[`csr snapshot test > csr test src/select/_example/keys.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/label-in-value.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/label-in-value.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -75394,7 +75394,7 @@ exports[`csr snapshot test > csr test src/select/_example/label-in-value.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/max.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/max.tsx 1`] = `
 <div>
   <div
     class="t-select__wrap"
@@ -75465,7 +75465,7 @@ exports[`csr snapshot test > csr test src/select/_example/max.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/multiple.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/multiple.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -75745,7 +75745,7 @@ exports[`csr snapshot test > csr test src/select/_example/multiple.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/noborder.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/noborder.tsx 1`] = `
 <div>
   <div
     class="t-select__wrap"
@@ -75795,7 +75795,7 @@ exports[`csr snapshot test > csr test src/select/_example/noborder.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/options.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/options.tsx 1`] = `
 <div>
   <div
     class="t-select__wrap"
@@ -75844,7 +75844,7 @@ exports[`csr snapshot test > csr test src/select/_example/options.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/panel.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/panel.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -75950,7 +75950,7 @@ exports[`csr snapshot test > csr test src/select/_example/panel.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/popup-props.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/popup-props.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -76058,7 +76058,7 @@ exports[`csr snapshot test > csr test src/select/_example/popup-props.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/prefix.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/prefix.tsx 1`] = `
 <div>
   <div
     class="t-select__wrap"
@@ -76128,7 +76128,7 @@ exports[`csr snapshot test > csr test src/select/_example/prefix.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/remote-search.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/remote-search.tsx 1`] = `
 <div>
   <div
     class="t-select__wrap"
@@ -76176,7 +76176,7 @@ exports[`csr snapshot test > csr test src/select/_example/remote-search.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/scroll-bottom.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/scroll-bottom.tsx 1`] = `
 <div>
   <div
     class="t-select__wrap"
@@ -76225,7 +76225,7 @@ exports[`csr snapshot test > csr test src/select/_example/scroll-bottom.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/scroll-top.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/scroll-top.tsx 1`] = `
 <div>
   <div
     class="t-select__wrap"
@@ -76275,7 +76275,7 @@ exports[`csr snapshot test > csr test src/select/_example/scroll-top.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -76426,7 +76426,7 @@ exports[`csr snapshot test > csr test src/select/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/status.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/status.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -76586,7 +76586,7 @@ exports[`csr snapshot test > csr test src/select/_example/status.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select/_example/virtual-scroll.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select/_example/virtual-scroll.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -76692,7 +76692,7 @@ exports[`csr snapshot test > csr test src/select/_example/virtual-scroll.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select-input/_example/autocomplete.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select-input/_example/autocomplete.tsx 1`] = `
 <div>
   <div>
     <div
@@ -76736,7 +76736,7 @@ exports[`csr snapshot test > csr test src/select-input/_example/autocomplete.tsx
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select-input/_example/autowidth.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select-input/_example/autowidth.tsx 1`] = `
 <div>
   <div
     class="t-select-input"
@@ -76782,7 +76782,7 @@ exports[`csr snapshot test > csr test src/select-input/_example/autowidth.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select-input/_example/autowidth-multiple.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select-input/_example/autowidth-multiple.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo__select-input-autowidth-multiple"
@@ -76864,7 +76864,7 @@ exports[`csr snapshot test > csr test src/select-input/_example/autowidth-multip
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select-input/_example/borderless.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select-input/_example/borderless.tsx 1`] = `
 <div>
   <div
     style="width: 60%;"
@@ -76910,7 +76910,7 @@ exports[`csr snapshot test > csr test src/select-input/_example/borderless.tsx 1
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select-input/_example/borderless-multiple.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select-input/_example/borderless-multiple.tsx 1`] = `
 <div>
   <div
     style="width: 60%;"
@@ -76991,7 +76991,7 @@ exports[`csr snapshot test > csr test src/select-input/_example/borderless-multi
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select-input/_example/collapsed-items.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select-input/_example/collapsed-items.tsx 1`] = `
 <div>
   <div
     class="t-space tdesign-demo__select-input-collapsed-items t-space-vertical"
@@ -77178,7 +77178,7 @@ exports[`csr snapshot test > csr test src/select-input/_example/collapsed-items.
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select-input/_example/custom-tag.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select-input/_example/custom-tag.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo-select-input-custom-tag"
@@ -77464,7 +77464,7 @@ exports[`csr snapshot test > csr test src/select-input/_example/custom-tag.tsx 1
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select-input/_example/excess-tags-display-type.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select-input/_example/excess-tags-display-type.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo__select-input-excess-tags-display-type"
@@ -77790,7 +77790,7 @@ exports[`csr snapshot test > csr test src/select-input/_example/excess-tags-disp
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select-input/_example/label-suffix.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select-input/_example/label-suffix.tsx 1`] = `
 <div>
   <div>
     <div
@@ -77890,7 +77890,7 @@ exports[`csr snapshot test > csr test src/select-input/_example/label-suffix.tsx
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select-input/_example/multiple.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select-input/_example/multiple.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo__select-input-multiple"
@@ -78098,7 +78098,7 @@ exports[`csr snapshot test > csr test src/select-input/_example/multiple.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select-input/_example/single.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select-input/_example/single.tsx 1`] = `
 <div>
   <div>
     <div
@@ -78142,7 +78142,7 @@ exports[`csr snapshot test > csr test src/select-input/_example/single.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select-input/_example/status.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select-input/_example/status.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -78479,7 +78479,7 @@ exports[`csr snapshot test > csr test src/select-input/_example/status.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/select-input/_example/width.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/select-input/_example/width.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo__select-input-width"
@@ -78596,7 +78596,7 @@ exports[`csr snapshot test > csr test src/select-input/_example/width.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/skeleton/_example/advance.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/skeleton/_example/advance.tsx 1`] = `
 <div>
   <div
     style="width: 100%;"
@@ -78846,7 +78846,7 @@ exports[`csr snapshot test > csr test src/skeleton/_example/advance.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/skeleton/_example/animation.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/skeleton/_example/animation.tsx 1`] = `
 <div>
   <div
     class="t-skeleton-demo"
@@ -78899,7 +78899,7 @@ exports[`csr snapshot test > csr test src/skeleton/_example/animation.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/skeleton/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/skeleton/_example/base.tsx 1`] = `
 <div>
   <div>
     <div>
@@ -78932,7 +78932,7 @@ exports[`csr snapshot test > csr test src/skeleton/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/skeleton/_example/delay.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/skeleton/_example/delay.tsx 1`] = `
 <div>
   <div>
     <div>
@@ -78965,7 +78965,7 @@ exports[`csr snapshot test > csr test src/skeleton/_example/delay.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/skeleton/_example/theme.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/skeleton/_example/theme.tsx 1`] = `
 <div>
   <div
     class="t-skeleton-demo"
@@ -79196,7 +79196,7 @@ exports[`csr snapshot test > csr test src/skeleton/_example/theme.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/slider/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/slider/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-slider__container"
@@ -79270,7 +79270,7 @@ exports[`csr snapshot test > csr test src/slider/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/slider/_example/disabled.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/slider/_example/disabled.tsx 1`] = `
 <div>
   <div
     class="t-slider__container"
@@ -79305,7 +79305,7 @@ exports[`csr snapshot test > csr test src/slider/_example/disabled.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/slider/_example/input-number.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/slider/_example/input-number.tsx 1`] = `
 <div>
   <div
     class="t-slider__container"
@@ -79555,7 +79555,7 @@ exports[`csr snapshot test > csr test src/slider/_example/input-number.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/slider/_example/input-number-vertical.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/slider/_example/input-number-vertical.tsx 1`] = `
 <div>
   <div
     style="display: flex; justify-content: center;"
@@ -79817,7 +79817,7 @@ exports[`csr snapshot test > csr test src/slider/_example/input-number-vertical.
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/slider/_example/marks.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/slider/_example/marks.tsx 1`] = `
 <div>
   <div
     class="t-slider__container"
@@ -79985,7 +79985,7 @@ exports[`csr snapshot test > csr test src/slider/_example/marks.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/slider/_example/min-and-max.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/slider/_example/min-and-max.tsx 1`] = `
 <div>
   <div
     class="t-slider__container"
@@ -80085,7 +80085,7 @@ exports[`csr snapshot test > csr test src/slider/_example/min-and-max.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/slider/_example/step.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/slider/_example/step.tsx 1`] = `
 <div>
   <div
     class="t-slider__container"
@@ -80159,7 +80159,7 @@ exports[`csr snapshot test > csr test src/slider/_example/step.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/slider/_example/vertical.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/slider/_example/vertical.tsx 1`] = `
 <div>
   <div
     style="display: flex; justify-content: center;"
@@ -80245,7 +80245,7 @@ exports[`csr snapshot test > csr test src/slider/_example/vertical.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/slider/_example/vertical-marks.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/slider/_example/vertical-marks.tsx 1`] = `
 <div>
   <div
     style="display: flex; justify-content: center;"
@@ -80425,7 +80425,7 @@ exports[`csr snapshot test > csr test src/slider/_example/vertical-marks.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/space/_example/align.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/space/_example/align.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -80583,7 +80583,7 @@ exports[`csr snapshot test > csr test src/space/_example/align.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/space/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/space/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -80635,7 +80635,7 @@ exports[`csr snapshot test > csr test src/space/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/space/_example/break-line.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/space/_example/break-line.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -80785,7 +80785,7 @@ exports[`csr snapshot test > csr test src/space/_example/break-line.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/space/_example/separator.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/space/_example/separator.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-align-center t-space-horizontal"
@@ -80851,7 +80851,7 @@ exports[`csr snapshot test > csr test src/space/_example/separator.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/space/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/space/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-slider__container"
@@ -80948,7 +80948,7 @@ exports[`csr snapshot test > csr test src/space/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/space/_example/vertical.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/space/_example/vertical.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -81006,7 +81006,7 @@ exports[`csr snapshot test > csr test src/space/_example/vertical.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/statistic/_example/animation.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/statistic/_example/animation.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -81094,7 +81094,7 @@ exports[`csr snapshot test > csr test src/statistic/_example/animation.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/statistic/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/statistic/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -81190,7 +81190,7 @@ exports[`csr snapshot test > csr test src/statistic/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/statistic/_example/color.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/statistic/_example/color.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -81415,7 +81415,7 @@ exports[`csr snapshot test > csr test src/statistic/_example/color.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/statistic/_example/combination.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/statistic/_example/combination.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal t-space--break-line"
@@ -81761,7 +81761,7 @@ exports[`csr snapshot test > csr test src/statistic/_example/combination.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/statistic/_example/loading.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/statistic/_example/loading.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -81809,7 +81809,7 @@ exports[`csr snapshot test > csr test src/statistic/_example/loading.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/statistic/_example/slot.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/statistic/_example/slot.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -81938,7 +81938,7 @@ exports[`csr snapshot test > csr test src/statistic/_example/slot.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/statistic/_example/trend.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/statistic/_example/trend.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -82077,7 +82077,7 @@ exports[`csr snapshot test > csr test src/statistic/_example/trend.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/steps/_example/extra.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/steps/_example/extra.tsx 1`] = `
 <div>
   <div
     class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"
@@ -82249,7 +82249,7 @@ exports[`csr snapshot test > csr test src/steps/_example/extra.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/steps/_example/icon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/steps/_example/icon.tsx 1`] = `
 <div>
   <div
     class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"
@@ -82426,7 +82426,7 @@ exports[`csr snapshot test > csr test src/steps/_example/icon.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/steps/_example/no-sequence.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/steps/_example/no-sequence.tsx 1`] = `
 <div>
   <div
     class="t-steps t-steps--dot-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"
@@ -82535,7 +82535,7 @@ exports[`csr snapshot test > csr test src/steps/_example/no-sequence.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/steps/_example/sequence.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/steps/_example/sequence.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -82842,7 +82842,7 @@ exports[`csr snapshot test > csr test src/steps/_example/sequence.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/steps/_example/status.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/steps/_example/status.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -83149,7 +83149,7 @@ exports[`csr snapshot test > csr test src/steps/_example/status.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/steps/_example/vertical-no-sequence.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/steps/_example/vertical-no-sequence.tsx 1`] = `
 <div>
   <div
     style="display: flex; justify-content: space-between;"
@@ -83366,7 +83366,7 @@ exports[`csr snapshot test > csr test src/steps/_example/vertical-no-sequence.ts
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/steps/_example/vertical-sequence.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/steps/_example/vertical-sequence.tsx 1`] = `
 <div>
   <div
     style="display: flex; justify-content: space-between;"
@@ -83664,7 +83664,7 @@ exports[`csr snapshot test > csr test src/steps/_example/vertical-sequence.tsx 1
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/sticky-tool/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/sticky-tool/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -83746,7 +83746,7 @@ exports[`csr snapshot test > csr test src/sticky-tool/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/sticky-tool/_example/compact.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/sticky-tool/_example/compact.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -83813,7 +83813,7 @@ exports[`csr snapshot test > csr test src/sticky-tool/_example/compact.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/sticky-tool/_example/shape.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/sticky-tool/_example/shape.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -83967,7 +83967,7 @@ exports[`csr snapshot test > csr test src/sticky-tool/_example/shape.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/swiper/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/swiper/_example/base.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo-block--swiper"
@@ -84143,7 +84143,7 @@ exports[`csr snapshot test > csr test src/swiper/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/swiper/_example/card.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/swiper/_example/card.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo-block--swiper"
@@ -84305,7 +84305,7 @@ exports[`csr snapshot test > csr test src/swiper/_example/card.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/swiper/_example/current.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/swiper/_example/current.tsx 1`] = `
 <div>
   <div
     class="t-space tdesign-demo-block--swiper t-space-vertical"
@@ -84466,7 +84466,7 @@ exports[`csr snapshot test > csr test src/swiper/_example/current.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/swiper/_example/fade.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/swiper/_example/fade.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo-block--swiper"
@@ -84650,7 +84650,7 @@ exports[`csr snapshot test > csr test src/swiper/_example/fade.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/swiper/_example/fraction.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/swiper/_example/fraction.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo-block--swiper"
@@ -84803,7 +84803,7 @@ exports[`csr snapshot test > csr test src/swiper/_example/fraction.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/swiper/_example/placement.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/swiper/_example/placement.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo-block--swiper"
@@ -84979,7 +84979,7 @@ exports[`csr snapshot test > csr test src/swiper/_example/placement.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/swiper/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/swiper/_example/size.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo-block--swiper"
@@ -85334,7 +85334,7 @@ exports[`csr snapshot test > csr test src/swiper/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/swiper/_example/vertical.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/swiper/_example/vertical.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo-block--swiper"
@@ -85474,7 +85474,7 @@ exports[`csr snapshot test > csr test src/swiper/_example/vertical.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/switch/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/switch/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -85516,7 +85516,7 @@ exports[`csr snapshot test > csr test src/switch/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/switch/_example/beforeChange.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/switch/_example/beforeChange.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -85558,7 +85558,7 @@ exports[`csr snapshot test > csr test src/switch/_example/beforeChange.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/switch/_example/describe.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/switch/_example/describe.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -85670,7 +85670,7 @@ exports[`csr snapshot test > csr test src/switch/_example/describe.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/switch/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/switch/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -85728,7 +85728,7 @@ exports[`csr snapshot test > csr test src/switch/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/switch/_example/status.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/switch/_example/status.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -85812,7 +85812,7 @@ exports[`csr snapshot test > csr test src/switch/_example/status.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/affix.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/affix.tsx 1`] = `
 <div>
   <div
     class="t-space tdesign-demo__table-affix t-space-vertical"
@@ -86831,7 +86831,7 @@ exports[`csr snapshot test > csr test src/table/_example/affix.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/async-loading.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/async-loading.tsx 1`] = `
 <div>
   <div>
     <div
@@ -87330,7 +87330,7 @@ exports[`csr snapshot test > csr test src/table/_example/async-loading.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -88085,7 +88085,7 @@ exports[`csr snapshot test > csr test src/table/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/custom-cell.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/custom-cell.tsx 1`] = `
 <div>
   <div
     class="t-table t-table--bordered"
@@ -88462,7 +88462,7 @@ exports[`csr snapshot test > csr test src/table/_example/custom-cell.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/custom-col.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/custom-col.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -89006,7 +89006,7 @@ exports[`csr snapshot test > csr test src/table/_example/custom-col.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/custom-col-button.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/custom-col-button.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -89707,7 +89707,7 @@ exports[`csr snapshot test > csr test src/table/_example/custom-col-button.tsx 1
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/custom-footer.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/custom-footer.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo-block-column-large tdesign-demo__table"
@@ -90087,7 +90087,7 @@ exports[`csr snapshot test > csr test src/table/_example/custom-footer.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/custom-header.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/custom-header.tsx 1`] = `
 <div>
   <div
     class="t-table t-table--bordered"
@@ -90431,7 +90431,7 @@ exports[`csr snapshot test > csr test src/table/_example/custom-header.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/data-sort.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/data-sort.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -90971,7 +90971,7 @@ exports[`csr snapshot test > csr test src/table/_example/data-sort.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/drag-col-sort.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/drag-col-sort.tsx 1`] = `
 <div>
   <div
     class="t-table t-table--col-draggable t-table--column-fixed"
@@ -91335,7 +91335,7 @@ exports[`csr snapshot test > csr test src/table/_example/drag-col-sort.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/drag-sort.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/drag-sort.tsx 1`] = `
 <div>
   <div
     class="t-table t-table--row-draggable"
@@ -91704,7 +91704,7 @@ exports[`csr snapshot test > csr test src/table/_example/drag-sort.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/drag-sort-handler.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/drag-sort-handler.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -92212,7 +92212,7 @@ exports[`csr snapshot test > csr test src/table/_example/drag-sort-handler.tsx 1
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/editable-cell.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/editable-cell.tsx 1`] = `
 <div>
   <div
     class="t-table t-table--bordered"
@@ -92886,7 +92886,7 @@ exports[`csr snapshot test > csr test src/table/_example/editable-cell.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/editable-row.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/editable-row.tsx 1`] = `
 <div>
   <div
     class="t-table-demo__editable-row"
@@ -93482,7 +93482,7 @@ exports[`csr snapshot test > csr test src/table/_example/editable-row.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/ellipsis.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/ellipsis.tsx 1`] = `
 <div>
   <div>
     <div
@@ -94049,7 +94049,7 @@ exports[`csr snapshot test > csr test src/table/_example/ellipsis.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/empty.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/empty.tsx 1`] = `
 <div>
   <div
     class="t-table"
@@ -94212,7 +94212,7 @@ exports[`csr snapshot test > csr test src/table/_example/empty.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/expandable.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/expandable.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -94835,7 +94835,7 @@ exports[`csr snapshot test > csr test src/table/_example/expandable.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/filter-controlled.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/filter-controlled.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -95569,7 +95569,7 @@ exports[`csr snapshot test > csr test src/table/_example/filter-controlled.tsx 1
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/fixed-column.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/fixed-column.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -96162,7 +96162,7 @@ exports[`csr snapshot test > csr test src/table/_example/fixed-column.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/fixed-header.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/fixed-header.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -97639,7 +97639,7 @@ exports[`csr snapshot test > csr test src/table/_example/fixed-header.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/fixed-header-col.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/fixed-header-col.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -99143,7 +99143,7 @@ exports[`csr snapshot test > csr test src/table/_example/fixed-header-col.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/lazy.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/lazy.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -106263,7 +106263,7 @@ exports[`csr snapshot test > csr test src/table/_example/lazy.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/loading.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/loading.tsx 1`] = `
 <div>
   <div>
     <div
@@ -106589,7 +106589,7 @@ exports[`csr snapshot test > csr test src/table/_example/loading.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/merge-cells.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/merge-cells.tsx 1`] = `
 <div>
   <div
     class="t-table t-table--bordered t-table--rowspan-colspan"
@@ -106987,7 +106987,7 @@ exports[`csr snapshot test > csr test src/table/_example/merge-cells.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/multi-header.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/multi-header.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -109247,7 +109247,7 @@ exports[`csr snapshot test > csr test src/table/_example/multi-header.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/multiple-sort.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/multiple-sort.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -109770,7 +109770,7 @@ exports[`csr snapshot test > csr test src/table/_example/multiple-sort.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/pagination.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/pagination.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -110480,7 +110480,7 @@ exports[`csr snapshot test > csr test src/table/_example/pagination.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/select-multiple.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/select-multiple.tsx 1`] = `
 <div>
   <div
     class="t-table"
@@ -110962,7 +110962,7 @@ exports[`csr snapshot test > csr test src/table/_example/select-multiple.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/select-single.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/select-single.tsx 1`] = `
 <div>
   <div
     class="t-table"
@@ -111432,7 +111432,7 @@ exports[`csr snapshot test > csr test src/table/_example/select-single.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/single-sort.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/single-sort.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -111867,7 +111867,7 @@ exports[`csr snapshot test > csr test src/table/_example/single-sort.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/style.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/style.tsx 1`] = `
 <div>
   <div
     class="t-demo__style"
@@ -112296,7 +112296,7 @@ exports[`csr snapshot test > csr test src/table/_example/style.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/tree.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/tree.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -113419,7 +113419,7 @@ exports[`csr snapshot test > csr test src/table/_example/tree.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/tree-select.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/tree-select.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -114543,7 +114543,7 @@ exports[`csr snapshot test > csr test src/table/_example/tree-select.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/table/_example/virtual-scroll.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/table/_example/virtual-scroll.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -115253,7 +115253,7 @@ exports[`csr snapshot test > csr test src/table/_example/virtual-scroll.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tabs/_example/ban.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tabs/_example/ban.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -115410,7 +115410,7 @@ exports[`csr snapshot test > csr test src/tabs/_example/ban.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tabs/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tabs/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -115608,7 +115608,7 @@ exports[`csr snapshot test > csr test src/tabs/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tabs/_example/combination.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tabs/_example/combination.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -116081,7 +116081,7 @@ exports[`csr snapshot test > csr test src/tabs/_example/combination.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tabs/_example/custom.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tabs/_example/custom.tsx 1`] = `
 <div>
   <div
     class="t-tabs"
@@ -116360,7 +116360,7 @@ exports[`csr snapshot test > csr test src/tabs/_example/custom.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tabs/_example/drag-sort.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tabs/_example/drag-sort.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -116564,7 +116564,7 @@ exports[`csr snapshot test > csr test src/tabs/_example/drag-sort.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tabs/_example/icon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tabs/_example/icon.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -116758,7 +116758,7 @@ exports[`csr snapshot test > csr test src/tabs/_example/icon.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tabs/_example/operation.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tabs/_example/operation.tsx 1`] = `
 <div>
   <div
     class="t-tabs"
@@ -116834,7 +116834,7 @@ exports[`csr snapshot test > csr test src/tabs/_example/operation.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tabs/_example/position.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tabs/_example/position.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -117032,7 +117032,7 @@ exports[`csr snapshot test > csr test src/tabs/_example/position.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tabs/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tabs/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -117204,7 +117204,7 @@ exports[`csr snapshot test > csr test src/tabs/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tabs/_example/theme.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tabs/_example/theme.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -117362,7 +117362,7 @@ exports[`csr snapshot test > csr test src/tabs/_example/theme.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -117696,7 +117696,7 @@ exports[`csr snapshot test > csr test src/tag/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag/_example/check-tag-group.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag/_example/check-tag-group.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -118120,7 +118120,7 @@ exports[`csr snapshot test > csr test src/tag/_example/check-tag-group.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag/_example/custom-color.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag/_example/custom-color.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -118249,7 +118249,7 @@ exports[`csr snapshot test > csr test src/tag/_example/custom-color.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag/_example/delete.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag/_example/delete.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -118372,7 +118372,7 @@ exports[`csr snapshot test > csr test src/tag/_example/delete.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag/_example/icon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag/_example/icon.tsx 1`] = `
 <div>
   <div
     class="t-tag t-tag--default t-tag--dark"
@@ -118398,7 +118398,7 @@ exports[`csr snapshot test > csr test src/tag/_example/icon.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag/_example/long-text.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag/_example/long-text.tsx 1`] = `
 <div>
   <div
     class="t-tag t-tag--default t-tag--dark t-tag--ellipsis"
@@ -118414,7 +118414,7 @@ exports[`csr snapshot test > csr test src/tag/_example/long-text.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag/_example/selectable.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag/_example/selectable.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -118679,7 +118679,7 @@ exports[`csr snapshot test > csr test src/tag/_example/selectable.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag/_example/shape.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag/_example/shape.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -118795,7 +118795,7 @@ exports[`csr snapshot test > csr test src/tag/_example/shape.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -118904,7 +118904,7 @@ exports[`csr snapshot test > csr test src/tag/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag-input/_example/auto-width.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag-input/_example/auto-width.tsx 1`] = `
 <div>
   <div
     class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-input--auto-width"
@@ -118974,7 +118974,7 @@ exports[`csr snapshot test > csr test src/tag-input/_example/auto-width.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag-input/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag-input/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -119222,7 +119222,7 @@ exports[`csr snapshot test > csr test src/tag-input/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag-input/_example/collapsed.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag-input/_example/collapsed.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -119387,7 +119387,7 @@ exports[`csr snapshot test > csr test src/tag-input/_example/collapsed.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag-input/_example/custom-tag.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag-input/_example/custom-tag.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -119597,7 +119597,7 @@ exports[`csr snapshot test > csr test src/tag-input/_example/custom-tag.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag-input/_example/draggable.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag-input/_example/draggable.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -119820,7 +119820,7 @@ exports[`csr snapshot test > csr test src/tag-input/_example/draggable.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag-input/_example/excess.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag-input/_example/excess.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -119978,7 +119978,7 @@ exports[`csr snapshot test > csr test src/tag-input/_example/excess.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag-input/_example/max.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag-input/_example/max.tsx 1`] = `
 <div>
   <div
     style="width: 100%;"
@@ -120011,7 +120011,7 @@ exports[`csr snapshot test > csr test src/tag-input/_example/max.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag-input/_example/size.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag-input/_example/size.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -120228,7 +120228,7 @@ exports[`csr snapshot test > csr test src/tag-input/_example/size.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag-input/_example/status.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag-input/_example/status.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -120723,7 +120723,7 @@ exports[`csr snapshot test > csr test src/tag-input/_example/status.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tag-input/_example/theme.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tag-input/_example/theme.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -121093,7 +121093,7 @@ exports[`csr snapshot test > csr test src/tag-input/_example/theme.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/textarea/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/textarea/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -121143,7 +121143,7 @@ exports[`csr snapshot test > csr test src/textarea/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/textarea/_example/events.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/textarea/_example/events.tsx 1`] = `
 <div>
   <div
     class="t-textarea"
@@ -121157,7 +121157,7 @@ exports[`csr snapshot test > csr test src/textarea/_example/events.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/textarea/_example/maxlength.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/textarea/_example/maxlength.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -121264,7 +121264,7 @@ exports[`csr snapshot test > csr test src/textarea/_example/maxlength.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/textarea/_example/type.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/textarea/_example/type.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -121402,7 +121402,7 @@ exports[`csr snapshot test > csr test src/textarea/_example/type.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/time-picker/_example/disabled.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/time-picker/_example/disabled.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -121515,7 +121515,7 @@ exports[`csr snapshot test > csr test src/time-picker/_example/disabled.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/time-picker/_example/hide-clear-button.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/time-picker/_example/hide-clear-button.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -121629,7 +121629,7 @@ exports[`csr snapshot test > csr test src/time-picker/_example/hide-clear-button
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/time-picker/_example/hm.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/time-picker/_example/hm.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -121743,7 +121743,7 @@ exports[`csr snapshot test > csr test src/time-picker/_example/hm.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/time-picker/_example/hms.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/time-picker/_example/hms.tsx 1`] = `
 <div>
   <div
     class="t-time-picker"
@@ -121789,7 +121789,7 @@ exports[`csr snapshot test > csr test src/time-picker/_example/hms.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/time-picker/_example/keyboard.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/time-picker/_example/keyboard.tsx 1`] = `
 <div>
   <div
     class="t-time-picker"
@@ -121834,7 +121834,7 @@ exports[`csr snapshot test > csr test src/time-picker/_example/keyboard.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/time-picker/_example/panel.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/time-picker/_example/panel.tsx 1`] = `
 <div>
   <div
     class="t-time-picker__panel"
@@ -122593,7 +122593,7 @@ exports[`csr snapshot test > csr test src/time-picker/_example/panel.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/time-picker/_example/presets.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/time-picker/_example/presets.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -122726,7 +122726,7 @@ exports[`csr snapshot test > csr test src/time-picker/_example/presets.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/time-picker/_example/range.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/time-picker/_example/range.tsx 1`] = `
 <div>
   <div
     class="t-time-picker"
@@ -122798,7 +122798,7 @@ exports[`csr snapshot test > csr test src/time-picker/_example/range.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/time-picker/_example/show-steps.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/time-picker/_example/show-steps.tsx 1`] = `
 <div>
   <div
     class="t-time-picker"
@@ -122843,7 +122843,7 @@ exports[`csr snapshot test > csr test src/time-picker/_example/show-steps.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/time-picker/_example/twelve-hour-meridian.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/time-picker/_example/twelve-hour-meridian.tsx 1`] = `
 <div>
   <div
     class="t-time-picker"
@@ -122888,7 +122888,7 @@ exports[`csr snapshot test > csr test src/time-picker/_example/twelve-hour-merid
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/timeline/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/timeline/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -123071,7 +123071,7 @@ exports[`csr snapshot test > csr test src/timeline/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/timeline/_example/customContent.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/timeline/_example/customContent.tsx 1`] = `
 <div>
   <ul
     class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"
@@ -123204,7 +123204,7 @@ exports[`csr snapshot test > csr test src/timeline/_example/customContent.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/timeline/_example/customDot.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/timeline/_example/customDot.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -123443,7 +123443,7 @@ exports[`csr snapshot test > csr test src/timeline/_example/customDot.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/timeline/_example/layout.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/timeline/_example/layout.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -123784,7 +123784,7 @@ exports[`csr snapshot test > csr test src/timeline/_example/layout.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/timeline/_example/loading.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/timeline/_example/loading.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -123930,7 +123930,7 @@ exports[`csr snapshot test > csr test src/timeline/_example/loading.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/timeline/_example/reverse.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/timeline/_example/reverse.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -124076,7 +124076,7 @@ exports[`csr snapshot test > csr test src/timeline/_example/reverse.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/timeline/_example/theme.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/timeline/_example/theme.tsx 1`] = `
 <div>
   <ul
     class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"
@@ -124230,7 +124230,7 @@ exports[`csr snapshot test > csr test src/timeline/_example/theme.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tooltip/_example/arrow.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tooltip/_example/arrow.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-default t-button--variant-outline"
@@ -124245,7 +124245,7 @@ exports[`csr snapshot test > csr test src/tooltip/_example/arrow.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tooltip/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tooltip/_example/base.tsx 1`] = `
 <div>
   <div
     style="margin: 0px auto; width: 500px; height: 260px; position: relative;"
@@ -124386,7 +124386,7 @@ exports[`csr snapshot test > csr test src/tooltip/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tooltip/_example/duration.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tooltip/_example/duration.tsx 1`] = `
 <div>
   <button
     class="t-popup-open t-button t-button--theme-default t-button--variant-text"
@@ -124425,7 +124425,7 @@ exports[`csr snapshot test > csr test src/tooltip/_example/duration.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tooltip/_example/lite.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tooltip/_example/lite.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -124582,7 +124582,7 @@ exports[`csr snapshot test > csr test src/tooltip/_example/lite.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tooltip/_example/mouse.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tooltip/_example/mouse.tsx 1`] = `
 <div>
   <div>
     <a
@@ -124595,7 +124595,7 @@ exports[`csr snapshot test > csr test src/tooltip/_example/mouse.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tooltip/_example/no-arrow.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tooltip/_example/no-arrow.tsx 1`] = `
 <div>
   <button
     class="t-button t-button--theme-default t-button--variant-outline"
@@ -124610,7 +124610,7 @@ exports[`csr snapshot test > csr test src/tooltip/_example/no-arrow.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tooltip/_example/theme.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tooltip/_example/theme.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -124704,7 +124704,7 @@ exports[`csr snapshot test > csr test src/tooltip/_example/theme.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tooltip/_example/trigger.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tooltip/_example/trigger.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-horizontal"
@@ -124775,7 +124775,7 @@ exports[`csr snapshot test > csr test src/tooltip/_example/trigger.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/transfer/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/transfer/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-transfer"
@@ -125352,7 +125352,7 @@ exports[`csr snapshot test > csr test src/transfer/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/transfer/_example/checked.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/transfer/_example/checked.tsx 1`] = `
 <div>
   <div
     class="t-transfer"
@@ -125934,7 +125934,7 @@ exports[`csr snapshot test > csr test src/transfer/_example/checked.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/transfer/_example/custom.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/transfer/_example/custom.tsx 1`] = `
 <div>
   <div
     class="t-transfer t-transfer__footer"
@@ -126516,7 +126516,7 @@ exports[`csr snapshot test > csr test src/transfer/_example/custom.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/transfer/_example/custom-render.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/transfer/_example/custom-render.tsx 1`] = `
 <div>
   <div
     class="t-transfer"
@@ -127056,7 +127056,7 @@ exports[`csr snapshot test > csr test src/transfer/_example/custom-render.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/transfer/_example/empty.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/transfer/_example/empty.tsx 1`] = `
 <div>
   <div
     class="tdesign-demo-block-column"
@@ -127345,7 +127345,7 @@ exports[`csr snapshot test > csr test src/transfer/_example/empty.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/transfer/_example/pagination.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/transfer/_example/pagination.tsx 1`] = `
 <div>
   <div
     class="t-transfer t-transfer__pagination"
@@ -127863,7 +127863,7 @@ exports[`csr snapshot test > csr test src/transfer/_example/pagination.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/transfer/_example/search.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/transfer/_example/search.tsx 1`] = `
 <div>
   <div
     class="t-transfer t-transfer__search"
@@ -128513,7 +128513,7 @@ exports[`csr snapshot test > csr test src/transfer/_example/search.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/transfer/_example/tree.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/transfer/_example/tree.tsx 1`] = `
 <div>
   <div
     class="t-transfer t-transfer--with-tree"
@@ -128654,7 +128654,7 @@ exports[`csr snapshot test > csr test src/transfer/_example/tree.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/activable.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/activable.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -128780,7 +128780,7 @@ exports[`csr snapshot test > csr test src/tree/_example/activable.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-tree t-tree--hoverable t-tree--transition"
@@ -128790,7 +128790,7 @@ exports[`csr snapshot test > csr test src/tree/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/checkable.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/checkable.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -128969,7 +128969,7 @@ exports[`csr snapshot test > csr test src/tree/_example/checkable.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/controlled.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/controlled.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -129087,7 +129087,7 @@ exports[`csr snapshot test > csr test src/tree/_example/controlled.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/disabled.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/disabled.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -129147,7 +129147,7 @@ exports[`csr snapshot test > csr test src/tree/_example/disabled.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/draggable.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/draggable.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -129166,7 +129166,7 @@ exports[`csr snapshot test > csr test src/tree/_example/draggable.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/empty.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/empty.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -129205,7 +129205,7 @@ exports[`csr snapshot test > csr test src/tree/_example/empty.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/expand-all.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/expand-all.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -129331,7 +129331,7 @@ exports[`csr snapshot test > csr test src/tree/_example/expand-all.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/expand-level.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/expand-level.tsx 1`] = `
 <div>
   <div
     class="t-tree t-tree--hoverable t-tree--transition"
@@ -129341,7 +129341,7 @@ exports[`csr snapshot test > csr test src/tree/_example/expand-level.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/expand-mutex.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/expand-mutex.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -129434,7 +129434,7 @@ exports[`csr snapshot test > csr test src/tree/_example/expand-mutex.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/filter.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/filter.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -129528,7 +129528,7 @@ exports[`csr snapshot test > csr test src/tree/_example/filter.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/icon.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/icon.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -129570,7 +129570,7 @@ exports[`csr snapshot test > csr test src/tree/_example/icon.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/label.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/label.tsx 1`] = `
 <div>
   <div
     class="t-tree t-tree--transition"
@@ -129580,7 +129580,7 @@ exports[`csr snapshot test > csr test src/tree/_example/label.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/lazy.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/lazy.tsx 1`] = `
 <div>
   <div
     class="t-tree t-tree--hoverable t-tree--transition"
@@ -129590,7 +129590,7 @@ exports[`csr snapshot test > csr test src/tree/_example/lazy.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/line.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/line.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -129699,7 +129699,7 @@ exports[`csr snapshot test > csr test src/tree/_example/line.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/load.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/load.tsx 1`] = `
 <div>
   <div
     class="t-tree t-tree--hoverable t-tree--transition"
@@ -129709,7 +129709,7 @@ exports[`csr snapshot test > csr test src/tree/_example/load.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/operations.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/operations.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -130056,7 +130056,7 @@ exports[`csr snapshot test > csr test src/tree/_example/operations.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/state.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/state.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -130111,7 +130111,7 @@ exports[`csr snapshot test > csr test src/tree/_example/state.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/sync.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/sync.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -130229,7 +130229,7 @@ exports[`csr snapshot test > csr test src/tree/_example/sync.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree/_example/vscroll.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree/_example/vscroll.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -130337,7 +130337,7 @@ exports[`csr snapshot test > csr test src/tree/_example/vscroll.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree-select/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree-select/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-tree-select t-select-input"
@@ -130383,7 +130383,7 @@ exports[`csr snapshot test > csr test src/tree-select/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree-select/_example/collapsed.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree-select/_example/collapsed.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -130540,7 +130540,7 @@ exports[`csr snapshot test > csr test src/tree-select/_example/collapsed.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree-select/_example/filterable.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree-select/_example/filterable.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -130697,7 +130697,7 @@ exports[`csr snapshot test > csr test src/tree-select/_example/filterable.tsx 1`
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree-select/_example/lazy.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree-select/_example/lazy.tsx 1`] = `
 <div>
   <div
     style="width: 300px;"
@@ -130746,7 +130746,7 @@ exports[`csr snapshot test > csr test src/tree-select/_example/lazy.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree-select/_example/multiple.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree-select/_example/multiple.tsx 1`] = `
 <div>
   <div
     class="t-tree-select t-select-input t-select-input--multiple"
@@ -130834,7 +130834,7 @@ exports[`csr snapshot test > csr test src/tree-select/_example/multiple.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree-select/_example/panelContent.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree-select/_example/panelContent.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -130887,7 +130887,7 @@ exports[`csr snapshot test > csr test src/tree-select/_example/panelContent.tsx
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree-select/_example/prefix.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree-select/_example/prefix.tsx 1`] = `
 <div>
   <div
     class="t-tree-select t-select-input"
@@ -130949,7 +130949,7 @@ exports[`csr snapshot test > csr test src/tree-select/_example/prefix.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree-select/_example/prefixsuffix.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree-select/_example/prefixsuffix.tsx 1`] = `
 <div>
   <div
     class="t-tree-select t-select-input t-select-input--empty"
@@ -131008,7 +131008,7 @@ exports[`csr snapshot test > csr test src/tree-select/_example/prefixsuffix.tsx
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree-select/_example/props.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree-select/_example/props.tsx 1`] = `
 <div>
   <div
     class="t-tree-select t-select-input"
@@ -131054,7 +131054,7 @@ exports[`csr snapshot test > csr test src/tree-select/_example/props.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree-select/_example/valuedisplay.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree-select/_example/valuedisplay.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -131201,7 +131201,7 @@ exports[`csr snapshot test > csr test src/tree-select/_example/valuedisplay.tsx
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/tree-select/_example/valuetype.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/tree-select/_example/valuetype.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -131341,7 +131341,7 @@ exports[`csr snapshot test > csr test src/tree-select/_example/valuetype.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/typography/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/typography/_example/base.tsx 1`] = `
 <div>
   <h1
     class="t-typography"
@@ -131474,7 +131474,7 @@ exports[`csr snapshot test > csr test src/typography/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/typography/_example/copyable.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/typography/_example/copyable.tsx 1`] = `
 <div>
   <span
     class=""
@@ -131571,7 +131571,7 @@ exports[`csr snapshot test > csr test src/typography/_example/copyable.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/typography/_example/ellipsis.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/typography/_example/ellipsis.tsx 1`] = `
 <div>
   <div
     class="t-typography"
@@ -131717,7 +131717,7 @@ exports[`csr snapshot test > csr test src/typography/_example/ellipsis.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/typography/_example/text.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/typography/_example/text.tsx 1`] = `
 <div>
   <div
     class="t-space vertical-demo t-space-vertical"
@@ -131858,7 +131858,7 @@ exports[`csr snapshot test > csr test src/typography/_example/text.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/typography/_example/title.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/typography/_example/title.tsx 1`] = `
 <div>
   <h1
     class="t-typography"
@@ -131893,7 +131893,7 @@ exports[`csr snapshot test > csr test src/typography/_example/title.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/upload/_example/base.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/upload/_example/base.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -132196,7 +132196,7 @@ exports[`csr snapshot test > csr test src/upload/_example/base.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/upload/_example/custom-drag.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/upload/_example/custom-drag.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -132264,7 +132264,7 @@ exports[`csr snapshot test > csr test src/upload/_example/custom-drag.tsx 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/upload/_example/draggable.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/upload/_example/draggable.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -132467,7 +132467,7 @@ exports[`csr snapshot test > csr test src/upload/_example/draggable.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/upload/_example/file-flow-list.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/upload/_example/file-flow-list.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -132716,7 +132716,7 @@ exports[`csr snapshot test > csr test src/upload/_example/file-flow-list.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/upload/_example/image.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/upload/_example/image.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -133092,7 +133092,7 @@ exports[`csr snapshot test > csr test src/upload/_example/image.tsx 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/upload/_example/img-flow-list.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/upload/_example/img-flow-list.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -133864,7 +133864,7 @@ exports[`csr snapshot test > csr test src/upload/_example/img-flow-list.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/upload/_example/request-method.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/upload/_example/request-method.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -133974,7 +133974,7 @@ exports[`csr snapshot test > csr test src/upload/_example/request-method.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/upload/_example/single-custom.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/upload/_example/single-custom.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -134016,7 +134016,7 @@ exports[`csr snapshot test > csr test src/upload/_example/single-custom.tsx 1`]
 </div>
 `;
 
-exports[`csr snapshot test > csr test src/upload/_example/single-input.tsx 1`] = `
+exports[`csr snapshot test > csr test packages/web/upload/_example/single-input.tsx 1`] = `
 <div>
   <div
     class="t-space t-space-vertical"
@@ -134131,1238 +134131,1238 @@ exports[`csr snapshot test > csr test src/upload/_example/single-input.tsx 1`] =
 </div>
 `;
 
-exports[`ssr snapshot test > ssr test src/affix/_example/base.tsx 1`] = `"<div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">固钉</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/affix/_example/base.tsx 1`] = `"<div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">固钉</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/affix/_example/container.tsx 1`] = `"<div style="border:1px solid var(--component-stroke);border-radius:3px;height:400px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none"><div style="height:1500px;padding-top:700px;background-color:#eee;background-image:linear-gradient(45deg,#bbb 25%,transparent 0),linear-gradient(45deg,transparent 75%,#bbb 0),linear-gradient(45deg,#bbb 25%,transparent 0),linear-gradient(45deg,transparent 75%,#bbb 0);background-size:30px 30px;background-position:0 0,15px 15px,15px 15px,0 0"><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">affixed: <!-- -->false</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/affix/_example/container.tsx 1`] = `"<div style="border:1px solid var(--component-stroke);border-radius:3px;height:400px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none"><div style="height:1500px;padding-top:700px;background-color:#eee;background-image:linear-gradient(45deg,#bbb 25%,transparent 0),linear-gradient(45deg,transparent 75%,#bbb 0),linear-gradient(45deg,#bbb 25%,transparent 0),linear-gradient(45deg,transparent 75%,#bbb 0);background-size:30px 30px;background-position:0 0,15px 15px,15px 15px,0 0"><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">affixed: <!-- -->false</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/alert/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/alert/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/alert/_example/close.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div><div class="t-alert__close">关闭</div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div><div class="t-alert__close">知道了</div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div><div class="t-alert__close"><span>自定义关闭</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/alert/_example/close.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div><div class="t-alert__close">关闭</div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div><div class="t-alert__close">知道了</div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div><div class="t-alert__close"><span>自定义关闭</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/alert/_example/collapse.tsx 1`] = `"<div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description"><div>1.这是一条普通的消息提示描述，</div><div>2.这是一条普通的消息提示描述，</div><div class="t-alert__collapse">展开更多</div></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/alert/_example/collapse.tsx 1`] = `"<div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description"><div>1.这是一条普通的消息提示描述，</div><div>2.这是一条普通的消息提示描述，</div><div class="t-alert__collapse">展开更多</div></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/alert/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/alert/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/alert/_example/operation.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/alert/_example/operation.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/alert/_example/swiper.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/alert/_example/swiper.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/alert/_example/title.tsx 1`] = `"<div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__title">这是一条普通的消息提示</div><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示描述，这是一条普通的消息提示描述</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/alert/_example/title.tsx 1`] = `"<div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__title">这是一条普通的消息提示</div><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示描述，这是一条普通的消息提示描述</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/base.tsx 1`] = `"<div style="display:flex"><div style="flex:1"></div><div><div><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#尺寸" class="t-anchor__item-link" title="尺寸" target="_self">尺寸</a></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/base.tsx 1`] = `"<div style="display:flex"><div style="flex:1"></div><div><div><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#尺寸" class="t-anchor__item-link" title="尺寸" target="_self">尺寸</a></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/container.tsx 1`] = `"<div style="display:flex" id="attach" class="anchor-demo-attach"><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#content-1" class="t-anchor__item-link" title="content-1" target="_self">content-1</a></div><div class="t-anchor__item"><a href="#content-2" class="t-anchor__item-link" title="content-2" target="_self">content-2</a></div><div class="t-anchor__item"><a href="#content-3" class="t-anchor__item-link" title="content-3" target="_self">content-3</a></div><div class="t-anchor__item"><a href="#content-4" class="t-anchor__item-link" title="content-4" target="_self">content-4</a></div></div><div id="anchor-container" style="width:100%;height:200px;overflow:auto;text-align:center;font-size:22px"><div id="content-1" style="background:#DFEFFF;line-height:100px">content-1</div><div id="content-2" style="background:#BFDBF7;line-height:100px">content-2</div><div id="content-3" style="background:#9BC5F2;line-height:100px">content-3</div><div id="content-4" style="background:#7BAFED;line-height:100px">content-4</div><div id="content-5" style="background:#5C99EB;line-height:100px">content-5</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/container.tsx 1`] = `"<div style="display:flex" id="attach" class="anchor-demo-attach"><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#content-1" class="t-anchor__item-link" title="content-1" target="_self">content-1</a></div><div class="t-anchor__item"><a href="#content-2" class="t-anchor__item-link" title="content-2" target="_self">content-2</a></div><div class="t-anchor__item"><a href="#content-3" class="t-anchor__item-link" title="content-3" target="_self">content-3</a></div><div class="t-anchor__item"><a href="#content-4" class="t-anchor__item-link" title="content-4" target="_self">content-4</a></div></div><div id="anchor-container" style="width:100%;height:200px;overflow:auto;text-align:center;font-size:22px"><div id="content-1" style="background:#DFEFFF;line-height:100px">content-1</div><div id="content-2" style="background:#BFDBF7;line-height:100px">content-2</div><div id="content-3" style="background:#9BC5F2;line-height:100px">content-3</div><div id="content-4" style="background:#7BAFED;line-height:100px">content-4</div><div id="content-5" style="background:#5C99EB;line-height:100px">content-5</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/cursor.tsx 1`] = `"<div style="display:flex"><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div style="width:10px;height:10px;background-color:#0052D9;position:absolute;border-radius:50%;left:50%;margin-left:-5px;top:50%;margin-top:-5px"></div></div></div><div class="t-anchor__item"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#尺寸" class="t-anchor__item-link" title="尺寸" target="_self">尺寸</a></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/cursor.tsx 1`] = `"<div style="display:flex"><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div style="width:10px;height:10px;background-color:#0052D9;position:absolute;border-radius:50%;left:50%;margin-left:-5px;top:50%;margin-top:-5px"></div></div></div><div class="t-anchor__item"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#尺寸" class="t-anchor__item-link" title="尺寸" target="_self">尺寸</a></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/customize-highlight.tsx 1`] = `"<div style="display:flex"><div style="flex:1"></div><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item t-is-active"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#自定义游标锚点" class="t-anchor__item-link" title="自定义游标锚点" target="_self">自定义游标锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#不同尺寸的锚点" class="t-anchor__item-link" title="不同尺寸的锚点" target="_self">不同尺寸的锚点</a></div><div class="t-anchor__item"><a href="#自定义锚点高亮" class="t-anchor__item-link" title="自定义锚点高亮" target="_self">自定义锚点高亮</a></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/customize-highlight.tsx 1`] = `"<div style="display:flex"><div style="flex:1"></div><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item t-is-active"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#自定义游标锚点" class="t-anchor__item-link" title="自定义游标锚点" target="_self">自定义游标锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#不同尺寸的锚点" class="t-anchor__item-link" title="不同尺寸的锚点" target="_self">不同尺寸的锚点</a></div><div class="t-anchor__item"><a href="#自定义锚点高亮" class="t-anchor__item-link" title="自定义锚点高亮" target="_self">自定义锚点高亮</a></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/large.tsx 1`] = `"<div id="size-large"><div class="t-anchor t-size-l"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#default" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#multiple" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="尺寸大小" target="_self">尺寸大小</a><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="size-medium" target="_self">size-medium</a></div><div class="t-anchor__item"><a href="#size-large" class="t-anchor__item-link" title="size-large" target="_self">size-large</a></div></div><div class="t-anchor__item"><a href="#attach" class="t-anchor__item-link" title="指定容器" target="_self">指定容器</a></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/large.tsx 1`] = `"<div id="size-large"><div class="t-anchor t-size-l"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#default" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#multiple" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="尺寸大小" target="_self">尺寸大小</a><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="size-medium" target="_self">size-medium</a></div><div class="t-anchor__item"><a href="#size-large" class="t-anchor__item-link" title="size-large" target="_self">size-large</a></div></div><div class="t-anchor__item"><a href="#attach" class="t-anchor__item-link" title="指定容器" target="_self">指定容器</a></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/multiple.tsx 1`] = `"<div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#尺寸" class="t-anchor__item-link" title="尺寸" target="_self">尺寸</a><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="size-medium" target="_self">size-medium</a></div><div class="t-anchor__item"><a href="#size-large" class="t-anchor__item-link" title="size-large" target="_self">size-large</a></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/multiple.tsx 1`] = `"<div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#尺寸" class="t-anchor__item-link" title="尺寸" target="_self">尺寸</a><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="size-medium" target="_self">size-medium</a></div><div class="t-anchor__item"><a href="#size-large" class="t-anchor__item-link" title="size-large" target="_self">size-large</a></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/small.tsx 1`] = `"<div id="size-small"><div class="t-anchor t-size-s"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#default" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#multiple" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="尺寸大小" target="_self">尺寸大小</a><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="size-medium" target="_self">size-medium</a></div><div class="t-anchor__item"><a href="#size-large" class="t-anchor__item-link" title="size-large" target="_self">size-large</a></div></div><div class="t-anchor__item"><a href="#attach" class="t-anchor__item-link" title="指定容器" target="_self">指定容器</a></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/small.tsx 1`] = `"<div id="size-small"><div class="t-anchor t-size-s"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#default" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#multiple" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="尺寸大小" target="_self">尺寸大小</a><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="size-medium" target="_self">size-medium</a></div><div class="t-anchor__item"><a href="#size-large" class="t-anchor__item-link" title="size-large" target="_self">size-large</a></div></div><div class="t-anchor__item"><a href="#attach" class="t-anchor__item-link" title="指定容器" target="_self">指定容器</a></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/target.tsx 1`] = `"<div id="/components/anchor/#anchor-target" class="anchor-demo"><h1 id="/components/anchor/#default" class="t-anchor__target">基础锚点<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1><h1 id="/components/anchor/#multiple" class="t-anchor__target">多级锚点<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1><h1 id="/components/anchor/#size" class="t-anchor__target">尺寸大小<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1><h1 id="/components/anchor/#attach" class="t-anchor__target">指定容器<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/target.tsx 1`] = `"<div id="/components/anchor/#anchor-target" class="anchor-demo"><h1 id="/components/anchor/#default" class="t-anchor__target">基础锚点<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1><h1 id="/components/anchor/#multiple" class="t-anchor__target">多级锚点<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1><h1 id="/components/anchor/#size" class="t-anchor__target">尺寸大小<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1><h1 id="/components/anchor/#attach" class="t-anchor__target">指定容器<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1></div>"`;
 
-exports[`ssr snapshot test > ssr test src/auto-complete/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-demo-auto-complete__base t-space-vertical"><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete t-demo-autocomplete__search"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请输入关键词搜索（自定义右侧图标）" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/auto-complete/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-demo-auto-complete__base t-space-vertical"><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete t-demo-autocomplete__search"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请输入关键词搜索（自定义右侧图标）" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></button></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/auto-complete/_example/filter.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-auto-complete" style="width:280px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="组件默认过滤规则（不区分大小写）" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete" style="width:280px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="组件默认过滤规则（不区分大小写）" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/auto-complete/_example/filter.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-auto-complete" style="width:280px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="组件默认过滤规则（不区分大小写）" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete" style="width:280px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="组件默认过滤规则（不区分大小写）" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/auto-complete/_example/option.tsx 1`] = `"<div class="t-demo-autocomplete-option"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/auto-complete/_example/option.tsx 1`] = `"<div class="t-demo-autocomplete-option"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/auto-complete/_example/size.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left t-input--prefix"><div class="t-input__prefix">小尺寸：</div><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix">中尺寸：</div><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left t-input--prefix"><div class="t-input__prefix">大尺寸：</div><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/auto-complete/_example/size.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left t-input--prefix"><div class="t-input__prefix">小尺寸：</div><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix">中尺寸：</div><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left t-input--prefix"><div class="t-input__prefix">大尺寸：</div><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/auto-complete/_example/status.tsx 1`] = `"<div style="width:100%;gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" disabled="" value=""/></div><div class="t-input__tips t-input__tips--default">这是禁用状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" readonly="" value=""/></div><div class="t-input__tips t-input__tips--default">这是只读状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--default">这是普通状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--warning">这是告警状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-error"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--error">这是错误状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-success"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--success">这是成功状态</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/auto-complete/_example/status.tsx 1`] = `"<div style="width:100%;gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" disabled="" value=""/></div><div class="t-input__tips t-input__tips--default">这是禁用状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" readonly="" value=""/></div><div class="t-input__tips t-input__tips--default">这是只读状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--default">这是普通状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--warning">这是告警状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-error"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--error">这是错误状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-success"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--success">这是成功状态</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/auto-complete/_example/trigger-element.tsx 1`] = `"<div class="t-auto-complete"><div class="t-textarea"><textarea placeholder="自定义联想词触发元素" class="t-textarea__inner"></textarea></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/auto-complete/_example/trigger-element.tsx 1`] = `"<div class="t-auto-complete"><div class="t-textarea"><textarea placeholder="自定义联想词触发元素" class="t-textarea__inner"></textarea></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/adjust.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">王</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">王亿</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">王亿亿</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/avatar/_example/adjust.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">王</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">王亿</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">王亿亿</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/avatar/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-size-l t-avatar--circle t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/avatar/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-size-l t-avatar--circle t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/group-cascading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-left"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/avatar/_example/group-cascading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-left"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/group-max.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">Avatar</span></div><div class="t-avatar t-avatar__collapse t-size-l t-avatar--circle"><span style="transform:scale(1)">+1</span></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">Avatar</span></div><div class="t-avatar t-avatar__collapse t-size-l t-avatar--circle"><span style="transform:scale(1)"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">Avatar</span></div><div class="t-avatar t-avatar__collapse t-size-l t-avatar--circle"><span style="transform:scale(1)">more</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/avatar/_example/group-max.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">Avatar</span></div><div class="t-avatar t-avatar__collapse t-size-l t-avatar--circle"><span style="transform:scale(1)">+1</span></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">Avatar</span></div><div class="t-avatar t-avatar__collapse t-size-l t-avatar--circle"><span style="transform:scale(1)"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">Avatar</span></div><div class="t-avatar t-avatar__collapse t-size-l t-avatar--circle"><span style="transform:scale(1)">more</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--round" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/avatar/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--round" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/size.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-size-s t-avatar--circle" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-m t-avatar--circle" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-l t-avatar--circle" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:100px;height:100px;font-size:50px;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-size-s t-avatar--round" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-m t-avatar--round" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-l t-avatar--round" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--round" style="width:100px;height:100px;font-size:50px;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-size-s t-avatar--round" style="margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-size-m t-avatar--round" style="margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-size-l t-avatar--round" style="margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-avatar--round" style="width:100px;height:100px;font-size:50px;margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:100px;height:100px"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/avatar/_example/size.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-size-s t-avatar--circle" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-m t-avatar--circle" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-l t-avatar--circle" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:100px;height:100px;font-size:50px;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-size-s t-avatar--round" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-m t-avatar--round" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-l t-avatar--round" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--round" style="width:100px;height:100px;font-size:50px;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-size-s t-avatar--round" style="margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-size-m t-avatar--round" style="margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-size-l t-avatar--round" style="margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-avatar--round" style="width:100px;height:100px;font-size:50px;margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:100px;height:100px"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/back-top/_example/baseList.tsx 1`] = `"<div style="position:relative"><div id="demo_1" style="width:100%;height:280px;position:relative;overflow-y:scroll;overflow-x:hidden;border:1px solid #dcdcdcff"><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li></ul></div></div><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-size-m" style="inset-inline-end:24px;inset-block-end:80px;position:absolute"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/back-top/_example/baseList.tsx 1`] = `"<div style="position:relative"><div id="demo_1" style="width:100%;height:280px;position:relative;overflow-y:scroll;overflow-x:hidden;border:1px solid #dcdcdcff"><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li></ul></div></div><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-size-m" style="inset-inline-end:24px;inset-block-end:80px;position:absolute"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/back-top/_example/baseListSmall.tsx 1`] = `"<div style="position:relative"><div id="demo_1" style="width:100%;height:280px;position:relative;overflow-y:scroll;overflow-x:hidden;border:1px solid #dcdcdcff"><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li></ul></div></div><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-size-s" style="inset-inline-end:24px;inset-block-end:80px;position:absolute"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/back-top/_example/baseListSmall.tsx 1`] = `"<div style="position:relative"><div id="demo_1" style="width:100%;height:280px;position:relative;overflow-y:scroll;overflow-x:hidden;border:1px solid #dcdcdcff"><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li></ul></div></div><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-size-s" style="inset-inline-end:24px;inset-block-end:80px;position:absolute"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/back-top/_example/custom.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><span class="custom-node">返回</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><span>TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><span>UP</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/back-top/_example/custom.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><span class="custom-node">返回</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><span>TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><span>UP</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/back-top/_example/shape.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/back-top/_example/shape.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/back-top/_example/size.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/back-top/_example/size.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/back-top/_example/theme.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--circle t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--circle t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--circle t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/back-top/_example/theme.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--circle t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--circle t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--circle t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--dot"></span></span><span class="t-badge">解锁新徽章<span class="t-badge--dot"></span></span><span class="t-badge"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="font-size:24px"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-badge--dot"></span></span>"`;
+exports[`ssr snapshot test > ssr test packages/web/badge/_example/base.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--dot"></span></span><span class="t-badge">解锁新徽章<span class="t-badge--dot"></span></span><span class="t-badge"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="font-size:24px"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-badge--dot"></span></span>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/color.tsx 1`] = `"<label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">红点样式</span></label><div><span class="t-badge--static t-badge--dot" style="background-color:#f44336"></span><span class="t-badge--static t-badge--dot" style="background-color:#e91e63"></span><span class="t-badge--static t-badge--dot" style="background-color:#9c27b0"></span><span class="t-badge--static t-badge--dot" style="background-color:#3f51b5"></span><span class="t-badge--static t-badge--dot" style="background-color:#2196f3"></span><span class="t-badge--static t-badge--dot" style="background-color:#03a9f4"></span><span class="t-badge--static t-badge--dot" style="background-color:#00bcd4"></span><span class="t-badge--static t-badge--dot" style="background-color:#009688"></span><span class="t-badge--static t-badge--dot" style="background-color:#4caf50"></span><span class="t-badge--static t-badge--dot" style="background-color:#8bc34a"></span><span class="t-badge--static t-badge--dot" style="background-color:#cddc39"></span><span class="t-badge--static t-badge--dot" style="background-color:#ffeb3b"></span><span class="t-badge--static t-badge--dot" style="background-color:#ffc107"></span><span class="t-badge--static t-badge--dot" style="background-color:#ff9800"></span><span class="t-badge--static t-badge--dot" style="background-color:#ff5722"></span><span class="t-badge--static t-badge--dot" style="background-color:#795548"></span><span class="t-badge--static t-badge--dot" style="background-color:#9e9e9e"></span><span class="t-badge--static t-badge--dot" style="background-color:#607d8b"></span></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/badge/_example/color.tsx 1`] = `"<label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">红点样式</span></label><div><span class="t-badge--static t-badge--dot" style="background-color:#f44336"></span><span class="t-badge--static t-badge--dot" style="background-color:#e91e63"></span><span class="t-badge--static t-badge--dot" style="background-color:#9c27b0"></span><span class="t-badge--static t-badge--dot" style="background-color:#3f51b5"></span><span class="t-badge--static t-badge--dot" style="background-color:#2196f3"></span><span class="t-badge--static t-badge--dot" style="background-color:#03a9f4"></span><span class="t-badge--static t-badge--dot" style="background-color:#00bcd4"></span><span class="t-badge--static t-badge--dot" style="background-color:#009688"></span><span class="t-badge--static t-badge--dot" style="background-color:#4caf50"></span><span class="t-badge--static t-badge--dot" style="background-color:#8bc34a"></span><span class="t-badge--static t-badge--dot" style="background-color:#cddc39"></span><span class="t-badge--static t-badge--dot" style="background-color:#ffeb3b"></span><span class="t-badge--static t-badge--dot" style="background-color:#ffc107"></span><span class="t-badge--static t-badge--dot" style="background-color:#ff9800"></span><span class="t-badge--static t-badge--dot" style="background-color:#ff5722"></span><span class="t-badge--static t-badge--dot" style="background-color:#795548"></span><span class="t-badge--static t-badge--dot" style="background-color:#9e9e9e"></span><span class="t-badge--static t-badge--dot" style="background-color:#607d8b"></span></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/custom.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--dot"></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle">hot</span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-success-color)">new</span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--round" style="background-color:var(--brand-main)">100</span></span></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--dot"></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-error-color-1)"><span style="color:var(--td-error-color)">hot</span></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-success-color-1)"><span style="color:var(--td-success-color)">new</span></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-brand-color-1)"><span style="color:var(--td-brand-color)">new</span></span></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/badge/_example/custom.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--dot"></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle">hot</span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-success-color)">new</span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--round" style="background-color:var(--brand-main)">100</span></span></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--dot"></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-error-color-1)"><span style="color:var(--td-error-color)">hot</span></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-success-color-1)"><span style="color:var(--td-success-color)">new</span></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-brand-color-1)"><span style="color:var(--td-brand-color)">new</span></span></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/number.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--circle">99</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--circle">99+</span></span>"`;
+exports[`ssr snapshot test > ssr test packages/web/badge/_example/number.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--circle">99</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--circle">99+</span></span>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/offset.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">默认</span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[10,10]</span></button><span class="t-badge--circle" style="right:10px;margin-top:10px">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[-10,10]</span></button><span class="t-badge--circle" style="right:-10px;margin-top:10px">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[-10,-10]</span></button><span class="t-badge--circle" style="right:-10px;margin-top:-10px">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[10,-10]</span></button><span class="t-badge--circle" style="right:10px;margin-top:-10px">2</span></span>"`;
+exports[`ssr snapshot test > ssr test packages/web/badge/_example/offset.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">默认</span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[10,10]</span></button><span class="t-badge--circle" style="right:10px;margin-top:10px">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[-10,10]</span></button><span class="t-badge--circle" style="right:-10px;margin-top:10px">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[-10,-10]</span></button><span class="t-badge--circle" style="right:-10px;margin-top:-10px">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[10,-10]</span></button><span class="t-badge--circle" style="right:10px;margin-top:-10px">2</span></span>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/shape.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text"> circle</span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">round</span></button><span class="t-badge--round">99</span></span>"`;
+exports[`ssr snapshot test > ssr test packages/web/badge/_example/shape.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text"> circle</span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">round</span></button><span class="t-badge--round">99</span></span>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<h3 style="margin-bottom:16px">1.默认大小</h3><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle">99</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle">99+</span></span><h3 style="margin-bottom:16px;margin-top:32px">2.小</h3><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle t-size-s">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle t-size-s">99</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle t-size-s">99+</span></span>"`;
+exports[`ssr snapshot test > ssr test packages/web/badge/_example/size.tsx 1`] = `"<h3 style="margin-bottom:16px">1.默认大小</h3><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle">99</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle">99+</span></span><h3 style="margin-bottom:16px;margin-top:32px">2.小</h3><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle t-size-s">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle t-size-s">99</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle t-size-s">99+</span></span>"`;
 
-exports[`ssr snapshot test > ssr test src/breadcrumb/_example/base.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:200px"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:200px"><span class="t-breadcrumb__inner-text">页面2页面2页面2页面2页面2页面2页面2页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/breadcrumb/_example/base.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:200px"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:200px"><span class="t-breadcrumb__inner-text">页面2页面2页面2页面2页面2页面2页面2页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/breadcrumb/_example/custom.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator">&gt;&gt;</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator">&gt;&gt;</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160"><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator">&gt;&gt;</span></div></div><div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator">/////</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator">/////</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160"><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator">/////</span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/breadcrumb/_example/custom.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator">&gt;&gt;</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator">&gt;&gt;</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160"><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator">&gt;&gt;</span></div></div><div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator">/////</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator">/////</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160"><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator">/////</span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/breadcrumb/_example/href.tsx 1`] = `"<div><div class="t-breadcrumb"><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" href="/" target="_blank"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面1</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow t-is-disabled"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160"><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div><div style="margin-top:20px">点击计数器：<!-- -->0</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/breadcrumb/_example/href.tsx 1`] = `"<div><div class="t-breadcrumb"><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" href="/" target="_blank"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面1</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow t-is-disabled"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160"><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div><div style="margin-top:20px">点击计数器：<!-- -->0</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/breadcrumb/_example/icon.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark"><path fill="currentColor" d="M4 3h16v19.94l-8-5.71-8 5.71V3zm2 2v14.06l6-4.29 6 4.29V5H6z"></path></svg><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark"><path fill="currentColor" d="M4 3h16v19.94l-8-5.71-8 5.71V3zm2 2v14.06l6-4.29 6 4.29V5H6z"></path></svg><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark"><path fill="currentColor" d="M4 3h16v19.94l-8-5.71-8 5.71V3zm2 2v14.06l6-4.29 6 4.29V5H6z"></path></svg><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/breadcrumb/_example/icon.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark"><path fill="currentColor" d="M4 3h16v19.94l-8-5.71-8 5.71V3zm2 2v14.06l6-4.29 6 4.29V5H6z"></path></svg><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark"><path fill="currentColor" d="M4 3h16v19.94l-8-5.71-8 5.71V3zm2 2v14.06l6-4.29 6 4.29V5H6z"></path></svg><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark"><path fill="currentColor" d="M4 3h16v19.94l-8-5.71-8 5.71V3zm2 2v14.06l6-4.29 6 4.29V5H6z"></path></svg><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/breadcrumb/_example/options.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" href="https://github.com/" target="_self"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面3</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/breadcrumb/_example/options.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" href="https://github.com/" target="_self"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面3</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/breadcrumb/_example/to.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" target="_self"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">首页</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" target="_self"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面1</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/breadcrumb/_example/to.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" target="_self"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">首页</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" target="_self"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面1</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/breadcrumb/_example/width.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:100px"><span class="t-breadcrumb__inner-text">父级设置100px父级设置100px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160px"><span class="t-breadcrumb__inner-text">设置最大宽度160px设置最大宽度160px设置最大宽度160px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:240px"><span class="t-breadcrumb__inner-text">设置最大宽度240px设置最大宽度240px设置最大宽度240px设置最大宽度240px设置最大宽度240px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:100px"><span class="t-breadcrumb__inner-text">父级设置100px父级设置100px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/breadcrumb/_example/width.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:100px"><span class="t-breadcrumb__inner-text">父级设置100px父级设置100px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160px"><span class="t-breadcrumb__inner-text">设置最大宽度160px设置最大宽度160px设置最大宽度160px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:240px"><span class="t-breadcrumb__inner-text">设置最大宽度240px设置最大宽度240px设置最大宽度240px设置最大宽度240px设置最大宽度240px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:100px"><span class="t-breadcrumb__inner-text">父级设置100px父级设置100px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/block.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-full-width"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-full-width"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-size-full-width"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-full-width"><span class="t-button__text">文字按钮</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/block.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-full-width"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-full-width"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-size-full-width"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-full-width"><span class="t-button__text">文字按钮</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/custom-element.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">div</span></div></div><div class="t-space-item"><a type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">a</span></a></div><div class="t-space-item"><a href="#" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">a:href</span></a></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/custom-element.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">div</span></div></div><div class="t-space-item"><a type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">a</span></a></div><div class="t-space-item"><a href="#" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">a:href</span></a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/ghost.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/ghost.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><span class="t-button__text">新建</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload"><path fill="currentColor" d="M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zm7.4 3.3L17.41 15 16 16.41l-3-3V23h-2v-9.59l-3 3L6.59 15 12 9.59z"></path></svg><span class="t-button__text">上传文件</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-download"><path fill="currentColor" d="M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zM13 10v9.59l3-3L17.41 18 12 23.41 6.59 18 8 16.59l3 3V10h2z"></path></svg></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg><span class="t-button__text">Function Icon</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><span class="t-button__text">新建</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload"><path fill="currentColor" d="M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zm7.4 3.3L17.41 15 16 16.41l-3-3V23h-2v-9.59l-3 3L6.59 15 12 9.59z"></path></svg><span class="t-button__text">上传文件</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-download"><path fill="currentColor" d="M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zM13 10v9.59l3-3L17.41 18 12 23.41 6.59 18 8 16.59l3 3V10h2z"></path></svg></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg><span class="t-button__text">Function Icon</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-round"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-round"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-round"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-round"><span class="t-button__text">文字按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-round"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-round"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-round"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-round"><span class="t-button__text">文字按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-s"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-size-s"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-l"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-size-l"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-l"><span class="t-button__text">文字按钮</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-s"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-size-s"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-l"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-size-l"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-l"><span class="t-button__text">文字按钮</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">填充按钮</span></div></div><div class="t-space-item"><button type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-loading"><div class="t-loading t-loading--center t-size-m t-loading--inherit-color"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><span class="t-button__text">加载中</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">填充按钮</span></div></div><div class="t-space-item"><button type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-loading"><div class="t-loading t-loading--center t-size-m t-loading--inherit-color"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><span class="t-button__text">加载中</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/base.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/base.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/card.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>请选择风格：</label></div><div class="t-space-item"><div class="t-select__wrap" style="width:200px;display:inline-block;margin:0 10px 0 0"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><button style="margin-left:12px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">回到今天</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>日期补零：</label></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-space-item"><div class="t-calendar t-calendar--card undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">3</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">4</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">5</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">6</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">7</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">8</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">9</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">3</div></td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/card.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>请选择风格：</label></div><div class="t-space-item"><div class="t-select__wrap" style="width:200px;display:inline-block;margin:0 10px 0 0"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><button style="margin-left:12px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">回到今天</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>日期补零：</label></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-space-item"><div class="t-calendar t-calendar--card undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">3</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">4</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">5</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">6</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">7</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">8</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">9</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">3</div></td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/cell.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>3</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>4</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>5</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>6</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>7</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>8</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>9</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>10</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>11</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>12</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>13</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>14</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>15</div><div style="gap:2px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="错误事件">错误事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="警告事件">警告事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="正常事件">正常事件</span></div></div></div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>16</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>17</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>18</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>19</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>20</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>21</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>22</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>23</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>24</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>25</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>26</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>27</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div style="width:100%"><div>28</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>29</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>31</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>3</div></div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/cell.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>3</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>4</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>5</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>6</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>7</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>8</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>9</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>10</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>11</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>12</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>13</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>14</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>15</div><div style="gap:2px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="错误事件">错误事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="警告事件">警告事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="正常事件">正常事件</span></div></div></div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>16</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>17</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>18</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>19</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>20</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>21</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>22</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>23</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>24</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>25</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>26</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>27</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div style="width:100%"><div>28</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>29</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>31</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>3</div></div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/cell-append.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div><div class="t-calendar__table-body-cell-content"><div class="cell-append-demo-outer"><div class="t-tag t-tag--success t-tag--light t-size-s activeTag" style="width:100%"><span title="我们的纪念日">我们的纪念日</span></div><div class="t-tag t-tag--warning t-tag--light t-size-s activeTag" style="width:100%"><span title="家庭聚会">家庭聚会</span></div></div></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div><div class="t-calendar__table-body-cell-content"></div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/cell-append.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div><div class="t-calendar__table-body-cell-content"><div class="cell-append-demo-outer"><div class="t-tag t-tag--success t-tag--light t-size-s activeTag" style="width:100%"><span title="我们的纪念日">我们的纪念日</span></div><div class="t-tag t-tag--warning t-tag--light t-size-s activeTag" style="width:100%"><span title="家庭聚会">家庭聚会</span></div></div></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div><div class="t-calendar__table-body-cell-content"></div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/controller-config.tsx 1`] = `"<div class="controllerConfig-demo"><div style="margin:12px 0"><fieldset><legend>控件全局</legend><p><label>是否显示（全部控件）：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否禁用（全部控件）：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/></fieldset><fieldset><legend>控件局部</legend><p><label>是否显示“模式切换”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“模式切换”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否显示“年份选择”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“年份选择”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否显示“月份选择”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“月份选择”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否禁用“隐藏周末”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“显示周末”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否显示“隐藏\\显示周末”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否显示“今天\\本月”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“今天”按钮控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“本月”按钮控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></fieldset></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/controller-config.tsx 1`] = `"<div class="controllerConfig-demo"><div style="margin:12px 0"><fieldset><legend>控件全局</legend><p><label>是否显示（全部控件）：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否禁用（全部控件）：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/></fieldset><fieldset><legend>控件局部</legend><p><label>是否显示“模式切换”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“模式切换”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否显示“年份选择”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“年份选择”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否显示“月份选择”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“月份选择”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否禁用“隐藏周末”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“显示周末”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否显示“隐藏\\显示周末”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否显示“今天\\本月”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“今天”按钮控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“本月”按钮控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></fieldset></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/events.tsx 1`] = `"<div><div style="margin:12px 0"><label>禁用单元格右键菜单：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/events.tsx 1`] = `"<div><div style="margin:12px 0"><label>禁用单元格右键菜单：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/filter.tsx 1`] = `"<div><div style="margin:12px 0"><label>显示周末</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/filter.tsx 1`] = `"<div><div style="margin:12px 0"><label>显示周末</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/first-day-of-week.tsx 1`] = `"<div><div style="margin:12px 0;gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>日历的第一列为：</label></div><div class="t-space-item"><div class="t-select__wrap" style="width:200px;display:inline-block;margin:0 10px 0 0"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">05</div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/first-day-of-week.tsx 1`] = `"<div><div style="margin:12px 0;gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>日历的第一列为：</label></div><div class="t-space-item"><div class="t-select__wrap" style="width:200px;display:inline-block;margin:0 10px 0 0"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">05</div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/head.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"><div>🗓 TDesign开发计划</div></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/head.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"><div>🗓 TDesign开发计划</div></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/mode.tsx 1`] = `"<div><div style="margin:12px 0;gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>可以在组件外切换成：</label></div><div class="t-space-item"><div class="t-select__wrap" style="width:200px;display:inline-block;margin:0 10px 0 0"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/mode.tsx 1`] = `"<div><div style="margin:12px 0;gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>可以在组件外切换成：</label></div><div class="t-space-item"><div class="t-select__wrap" style="width:200px;display:inline-block;margin:0 10px 0 0"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/range.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/range.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/slot-props-api.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"><div>2020-12 工作安排</div></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>3</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>4</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>5</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>6</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>7</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>8</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>9</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>10</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>11</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>12</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>13</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>14</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>15</div><div style="gap:2px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="错误事件">错误事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="警告事件">警告事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="正常事件">正常事件</span></div></div></div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>16</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>17</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>18</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>19</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>20</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>21</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>22</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>23</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>24</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>25</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>26</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>27</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div style="width:100%"><div>28</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>29</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>31</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>3</div></div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/slot-props-api.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"><div>2020-12 工作安排</div></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>3</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>4</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>5</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>6</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>7</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>8</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>9</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>10</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>11</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>12</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>13</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>14</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>15</div><div style="gap:2px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="错误事件">错误事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="警告事件">警告事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="正常事件">正常事件</span></div></div></div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>16</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>17</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>18</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>19</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>20</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>21</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>22</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>23</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>24</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>25</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>26</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>27</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div style="width:100%"><div>28</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>29</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>31</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>3</div></div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/value.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell t-is-checked"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">06</div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/value.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell t-is-checked"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">06</div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/week.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell"><div>星期1</div></th><th class="t-calendar__table-head-cell"><div>星期2</div></th><th class="t-calendar__table-head-cell"><div>星期3</div></th><th class="t-calendar__table-head-cell"><div>星期4</div></th><th class="t-calendar__table-head-cell"><div>星期5</div></th><th class="t-calendar__table-head-cell"><div>星期6</div></th><th class="t-calendar__table-head-cell"><div>星期7</div></th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/week.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell"><div>星期1</div></th><th class="t-calendar__table-head-cell"><div>星期2</div></th><th class="t-calendar__table-head-cell"><div>星期3</div></th><th class="t-calendar__table-head-cell"><div>星期4</div></th><th class="t-calendar__table-head-cell"><div>星期5</div></th><th class="t-calendar__table-head-cell"><div>星期6</div></th><th class="t-calendar__table-head-cell"><div>星期7</div></th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/base.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/base.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/bordered.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/bordered.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/bordered-none.tsx 1`] = `"<div style="padding:16px;background-color:var(--td-bg-color-container-hover)"><div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions"><a style="cursor:pointer">操作</a></div></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/bordered-none.tsx 1`] = `"<div style="padding:16px;background-color:var(--td-bg-color-container-hover)"><div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions"><a style="cursor:pointer">操作</a></div></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/custom-loading-props.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-loading__parent"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">自定义loadingProps Card</div></div></div></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div><div class="t-loading t-loading--center t-size-m t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">TDesign努力加载中...</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/custom-loading-props.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-loading__parent"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">自定义loadingProps Card</div></div></div></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div><div class="t-loading t-loading--center t-size-m t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">TDesign努力加载中...</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/footer.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:56px;height:56px;font-size:28px"><span style="transform:scale(1)"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></span></div></div><div></div></div><div class="t-card__actions"><div class="t-tag t-tag--success t-tag--dark"><span title="默认标签">默认标签</span></div></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/footer.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:56px;height:56px;font-size:28px"><span style="transform:scale(1)"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></span></div></div><div></div></div><div class="t-card__actions"><div class="t-tag t-tag--success t-tag--dark"><span title="默认标签">默认标签</span></div></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/footer-actions.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button style="margin-right:8px" type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart" style="font-size:16px"><path fill="currentColor" d="M12 3.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 21.42l-7.28-7.28L3.5 12.9A6.23 6.23 0 0112 3.82zM15.3 15.3l3.8-3.8a4.23 4.23 0 10-5.97-5.99L12 6.63 10.88 5.5a4.23 4.23 0 10-5.98 5.98l1.23 1.23L12 18.6l3.28-3.29z"></path></svg></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="font-size:16px"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more"><path fill="currentColor" d="M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z"></path></svg></span></button></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-avatar-group t-avatar--offset-left"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">Q</span></div><div class="t-avatar t-avatar__collapse t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">+3</span></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more"><path fill="currentColor" d="M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z"></path></svg></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/footer-actions.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button style="margin-right:8px" type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart" style="font-size:16px"><path fill="currentColor" d="M12 3.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 21.42l-7.28-7.28L3.5 12.9A6.23 6.23 0 0112 3.82zM15.3 15.3l3.8-3.8a4.23 4.23 0 10-5.97-5.99L12 6.63 10.88 5.5a4.23 4.23 0 10-5.98 5.98l1.23 1.23L12 18.6l3.28-3.29z"></path></svg></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="font-size:16px"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more"><path fill="currentColor" d="M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z"></path></svg></span></button></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-avatar-group t-avatar--offset-left"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">Q</span></div><div class="t-avatar t-avatar__collapse t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">+3</span></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more"><path fill="currentColor" d="M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z"></path></svg></span></button></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/footer-content.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">标题</span></div><div class="t-comment__detail">卡片内容</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/footer-content.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">标题</span></div><div class="t-comment__detail">卡片内容</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/footer-content-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">标题</span></div><div class="t-comment__detail">卡片内容</div></div></div></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/footer-content-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">标题</span></div><div class="t-comment__detail">卡片内容</div></div></div></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/header.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions"><a style="cursor:pointer">操作</a></div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/header.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions"><a style="cursor:pointer">操作</a></div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/header-all-props.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div><p class="t-card__description">描述</p></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/header-all-props.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div><p class="t-card__description">描述</p></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/header-bordered.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header t-card__title--bordered"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions"><a style="cursor:pointer">操作</a></div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/header-bordered.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header t-card__title--bordered"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions"><a style="cursor:pointer">操作</a></div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/header-description.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><p class="t-card__description">描述</p></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/header-description.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><p class="t-card__description">描述</p></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/header-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:40px;height:40px;font-size:20px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:40px;height:40px"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div><div class="t-card__title">标题</div><p class="t-card__description">卡片内容</p></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/header-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:40px;height:40px;font-size:20px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:40px;height:40px"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div><div class="t-card__title">标题</div><p class="t-card__description">卡片内容</p></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/header-subtitle.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/header-subtitle.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/header-subtitle-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/header-subtitle-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/base.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/base.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/check-strictly.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/check-strictly.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/collapsed.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/collapsed.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/ellipsis.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/ellipsis.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/filterable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/filterable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/keys.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/keys.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/load.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/load.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/max.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/max.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/multiple.tsx 1`] = `"<div class="tdesign-demo-block-row"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/multiple.tsx 1`] = `"<div class="tdesign-demo-block-row"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/panel.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="border:1px solid #eee;width:100%"><div class="t-cascader__panel"><div class="t-cascader__panel--empty">暂无数据</div></div></div></div><div class="t-space-item"><div style="border:1px solid #eee;width:100%"><div class="t-cascader__panel"><div class="t-cascader__panel--empty">暂无数据</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/panel.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="border:1px solid #eee;width:100%"><div class="t-cascader__panel"><div class="t-cascader__panel--empty">暂无数据</div></div></div></div><div class="t-space-item"><div style="border:1px solid #eee;width:100%"><div class="t-cascader__panel"><div class="t-cascader__panel--empty">暂无数据</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/show-all-levels.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/show-all-levels.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty" style="margin-top:16px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty" style="margin-top:16px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty" style="margin-top:16px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-size-l t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty" style="margin-top:16px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty" style="margin-top:16px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty" style="margin-top:16px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-size-l t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/trigger.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/trigger.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/value-display.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">单选：</div><div><img style="width:16px;height:16px;margin-top:2px;vertical-align:-4px;margin-right:4px"/><span></span><span>(<!-- -->2.2<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner" readonly="" value=" "/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty" style="width:500px"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">多选：</div></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/value-display.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">单选：</div><div><img style="width:16px;height:16px;margin-top:2px;vertical-align:-4px;margin-right:4px"/><span></span><span>(<!-- -->2.2<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner" readonly="" value=" "/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty" style="width:500px"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">多选：</div></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/value-mode.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/value-mode.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/value-type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">[&quot;1&quot;,&quot;1.1&quot;]</div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item">[[&quot;1&quot;,&quot;1.1&quot;],[&quot;1&quot;,&quot;1.2&quot;]]</div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/value-type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">[&quot;1&quot;,&quot;1.1&quot;]</div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item">[[&quot;1&quot;,&quot;1.1&quot;],[&quot;1&quot;,&quot;1.2&quot;]]</div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/checkbox/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">未选中项</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-indeterminate"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">半选状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">选中项</span></label></div><div class="t-space-item"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">未选禁用项</span></label></div><div class="t-space-item"><label class="t-checkbox t-is-checked t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">选中禁用项</span></label></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/checkbox/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">未选中项</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-indeterminate"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">半选状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">选中项</span></label></div><div class="t-space-item"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">未选禁用项</span></label></div><div class="t-space-item"><label class="t-checkbox t-is-checked t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">选中禁用项</span></label></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/checkbox/_example/controlled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">受控属性</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked"><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">非受控属性</span></label></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/checkbox/_example/controlled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">受控属性</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked"><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">非受控属性</span></label></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/checkbox/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>选中值: <!-- -->北京</div></div><div class="t-space-item"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用全部</span></label></div></div><div class="t-space-item"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;北京&#x27;" checked="" value="北京"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">北京</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">上海</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label><label tabindex="0" class="t-checkbox t-is-indeterminate"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">全选</span></label></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/checkbox/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>选中值: <!-- -->北京</div></div><div class="t-space-item"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用全部</span></label></div></div><div class="t-space-item"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;北京&#x27;" checked="" value="北京"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">北京</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">上海</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label><label tabindex="0" class="t-checkbox t-is-indeterminate"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">全选</span></label></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/checkbox/_example/link.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">腾讯云A</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">腾讯云B</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">腾讯云C</span></label></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">全选</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/checkbox/_example/link.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">腾讯云A</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">腾讯云B</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">腾讯云C</span></label></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">全选</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/checkbox/_example/max.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>最多可选:<!-- --> <div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div><div class="t-space-item"><div>选中值: <!-- -->北京</div></div><div class="t-space-item"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;北京&#x27;" checked="" value="北京"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">北京</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">上海</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;深圳&#x27;" value="深圳"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">深圳</span></label></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/checkbox/_example/max.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>最多可选:<!-- --> <div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div><div class="t-space-item"><div>选中值: <!-- -->北京</div></div><div class="t-space-item"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;北京&#x27;" checked="" value="北京"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">北京</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">上海</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;深圳&#x27;" value="深圳"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">深圳</span></label></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/base.tsx 1`] = `"<div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left t-collapse-panel__icon--active"><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>设置默认展开项<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>当前折叠面板折叠时，销毁面板内容<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>嵌套使用折叠面板<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/collapse/_example/base.tsx 1`] = `"<div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left t-collapse-panel__icon--active"><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>设置默认展开项<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>当前折叠面板折叠时，销毁面板内容<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>嵌套使用折叠面板<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>折叠后自动销毁<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="tdesign-demo-block-column" style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div>自定义图标<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">左边</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">右边</span></label></div></div><div class="t-space-item"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">仅图标响应点击</span></label></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/collapse/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>折叠后自动销毁<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="tdesign-demo-block-column" style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div>自定义图标<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">左边</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">右边</span></label></div></div><div class="t-space-item"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">仅图标响应点击</span></label></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/mutex.tsx 1`] = `"<div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>折叠后自动销毁<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="tdesign-demo-block-column" style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/collapse/_example/mutex.tsx 1`] = `"<div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>折叠后自动销毁<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="tdesign-demo-block-column" style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/other.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>折叠后自动销毁<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="tdesign-demo-block-column" style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁止全部</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">无边框模式</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示icon</span></label></div><div class="t-space-item"><div style="margin-top:10px">当前展开的Collapse Panel: </div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/collapse/_example/other.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>折叠后自动销毁<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="tdesign-demo-block-column" style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁止全部</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">无边框模式</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示icon</span></label></div><div class="t-space-item"><div style="margin-top:10px">当前展开的Collapse Panel: </div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/rightSlot.tsx 1`] = `"<div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">操作</span></button></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">操作</span></button></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否禁止</span></label></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">操作</span></button></div></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/collapse/_example/rightSlot.tsx 1`] = `"<div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">操作</span></button></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">操作</span></button></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否禁止</span></label></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">操作</span></button></div></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/color-mode.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div><h5 style="margin-bottom:10px;font-weight:normal">默认（单色 + 线性渐变）</h5><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="rgba(0, 82, 217, 1)" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="rgba(0, 82, 217, 1)"/><span class="t-input__input-pre">rgba(0, 82, 217, 1)</span></div></div></div></div></div></div><div class="t-space-item"><div><h5 style="margin-bottom:10px;font-weight:normal">仅单色模式</h5><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052d9" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052d9"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/><span class="t-input__input-pre">#0052d9</span></div></div></div></div></div></div><div class="t-space-item"><div style="width:100%"></div></div><div class="t-space-item"><div><h5 style="margin-bottom:10px;font-weight:normal">仅线性渐变模式</h5><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)"/><span class="t-input__input-pre">linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)</span></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/color-mode.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div><h5 style="margin-bottom:10px;font-weight:normal">默认（单色 + 线性渐变）</h5><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="rgba(0, 82, 217, 1)" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="rgba(0, 82, 217, 1)"/><span class="t-input__input-pre">rgba(0, 82, 217, 1)</span></div></div></div></div></div></div><div class="t-space-item"><div><h5 style="margin-bottom:10px;font-weight:normal">仅单色模式</h5><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052d9" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052d9"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/><span class="t-input__input-pre">#0052d9</span></div></div></div></div></div></div><div class="t-space-item"><div style="width:100%"></div></div><div class="t-space-item"><div><h5 style="margin-bottom:10px;font-weight:normal">仅线性渐变模式</h5><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)"/><span class="t-input__input-pre">linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)</span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/enable-alpha.tsx 1`] = `"<div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--alpha-type"><div class="t-color-picker__slider-padding" style="background:linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, rgb(0, 82, 217) 93%, rgb(0, 82, 217) 100%)"></div><div class="t-color-picker__slider t-color-picker__alpha t-color-picker--bg-alpha"><div class="t-color-picker__rail" style="background:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 82, 217))"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 0.8)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:3"><div class="t-input__wrap" title="#0052d9" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/></div></div></div><div class="input-group__item" style="flex:1.15"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/enable-alpha.tsx 1`] = `"<div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--alpha-type"><div class="t-color-picker__slider-padding" style="background:linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, rgb(0, 82, 217) 93%, rgb(0, 82, 217) 100%)"></div><div class="t-color-picker__slider t-color-picker__alpha t-color-picker--bg-alpha"><div class="t-color-picker__rail" style="background:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 82, 217))"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 0.8)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:3"><div class="t-input__wrap" title="#0052d9" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/></div></div></div><div class="input-group__item" style="flex:1.15"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/panel.tsx 1`] = `"<div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:3"><div class="t-input__wrap" title="#0052d9" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/panel.tsx 1`] = `"<div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:3"><div class="t-input__wrap" title="#0052d9" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/recent-color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><h6 style="margin-bottom:10px">预设最近使用色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#f00"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#008000"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ffff00"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0000ff"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#800080"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:linear-gradient(to right, #fa709a 0%, #fee140 100%)"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:linear-gradient(45deg, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%)"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:linear-gradient(120deg, #fcc5e4 0%, #fda34b 15%, #ff7882 35%, #c8699e 52%, #7046aa 71%, #0c1db8 87%, #020f75 100%)"></span></div></li></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div></div></div><div class="t-space-item"><div><h6 style="margin-bottom:10px">完全不显示最近使用色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/recent-color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><h6 style="margin-bottom:10px">预设最近使用色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#f00"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#008000"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ffff00"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0000ff"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#800080"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:linear-gradient(to right, #fa709a 0%, #fee140 100%)"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:linear-gradient(45deg, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%)"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:linear-gradient(120deg, #fcc5e4 0%, #fda34b 15%, #ff7882 35%, #c8699e 52%, #7046aa 71%, #0c1db8 87%, #020f75 100%)"></span></div></li></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div></div></div><div class="t-space-item"><div><h6 style="margin-bottom:10px">完全不显示最近使用色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/status-disabled.tsx 1`] = `"<div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052d9" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052d9"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value="#0052d9"/><span class="t-input__input-pre">#0052d9</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/status-disabled.tsx 1`] = `"<div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052d9" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052d9"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value="#0052d9"/><span class="t-input__input-pre">#0052d9</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/status-readonly.tsx 1`] = `"<div class="t-color-picker__panel t-is-disabled"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/status-readonly.tsx 1`] = `"<div class="t-color-picker__panel t-is-disabled"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/swatch-color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><h6 style="margin-bottom:10px">自定义系统色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:red"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:green"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:yellow"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:blue"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:purple"></span></div></li></ul></div></div></div></div></div></div><div class="t-space-item"><div><h6 style="margin-bottom:10px">完全不显示系统色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/swatch-color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><h6 style="margin-bottom:10px">自定义系统色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:red"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:green"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:yellow"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:blue"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:purple"></span></div></li></ul></div></div></div></div></div></div><div class="t-space-item"><div><h6 style="margin-bottom:10px">完全不显示系统色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/trigger.tsx 1`] = `"<div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052d9" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052d9"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/><span class="t-input__input-pre">#0052d9</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/trigger.tsx 1`] = `"<div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052d9" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052d9"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/><span class="t-input__input-pre">#0052d9</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/comment/_example/base.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/comment/_example/base.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/comment/_example/list.tsx 1`] = `"<div class="t-list t-list--split"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名B</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名C</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">C评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/comment/_example/list.tsx 1`] = `"<div class="t-list t-list--split"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名B</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名C</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">C评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/comment/_example/operation.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/comment/_example/operation.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/comment/_example/quote.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__quote"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">引用内容标题</span></div><div class="t-comment__detail">引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容。</div></div></div></div></div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/comment/_example/quote.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__quote"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">引用内容标题</span></div><div class="t-comment__detail">引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容。</div></div></div></div></div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/comment/_example/reply.tsx 1`] = `"<div class="t-comment comment-reply"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div><div class="t-comment__reply"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name"><span>评论作者名B</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-right-small t-size-s"><path fill="currentColor" d="M15 12L9.5 6.5v11L15 12z"></path></svg><span>评论作者名A</span></span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/comment/_example/reply.tsx 1`] = `"<div class="t-comment comment-reply"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div><div class="t-comment__reply"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name"><span>评论作者名B</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-right-small t-size-s"><path fill="currentColor" d="M15 12L9.5 6.5v11L15 12z"></path></svg><span>评论作者名A</span></span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/comment/_example/reply-form.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__detail"><div style="width:100%;gap:16px" class="t-space t-space-align-end t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner"></textarea></div></div><div class="t-space-item"><button style="float:right" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">回复</span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/comment/_example/reply-form.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__detail"><div style="width:100%;gap:16px" class="t-space t-space-align-end t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner"></textarea></div></div><div class="t-space-item"><button style="float:right" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">回复</span></button></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/calendar.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Month</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Year</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="Hide Weekend">Hide Weekend</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Today</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">Monday</th><th class="t-calendar__table-head-cell">Tuesday</th><th class="t-calendar__table-head-cell">Wednesday</th><th class="t-calendar__table-head-cell">Thursday</th><th class="t-calendar__table-head-cell">Friday</th><th class="t-calendar__table-head-cell">Saturday</th><th class="t-calendar__table-head-cell">Sunday</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">3</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">4</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">5</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">6</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">7</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">8</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">9</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">3</div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/calendar.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Month</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Year</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="Hide Weekend">Hide Weekend</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Today</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">Monday</th><th class="t-calendar__table-head-cell">Tuesday</th><th class="t-calendar__table-head-cell">Wednesday</th><th class="t-calendar__table-head-cell">Thursday</th><th class="t-calendar__table-head-cell">Friday</th><th class="t-calendar__table-head-cell">Saturday</th><th class="t-calendar__table-head-cell">Sunday</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">3</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">4</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">5</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">6</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">7</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">8</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">9</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">3</div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/date-picker.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select month" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select month" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select month" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select year" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select year" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select year" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/date-picker.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select month" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select month" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select month" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select year" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select year" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select year" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/dialog.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content">Title</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-warning"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-error"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-is-success"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/dialog.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content">Title</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-warning"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-error"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-is-success"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/global.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>使用<code>ConfigProvider</code>包裹业务功能的最外层组件，点击下方图标查看示例代码</p></div><div class="t-space-item"><p>英文语言包引入路径：<code>import enConfig from &#x27;tdesign-react/es/locale/en_US&#x27;;</code></p></div><div class="t-space-item"><p>中文语言包引入路径：<code>import zhConfig from &#x27;tdesign-react/es/locale/zh_CN&#x27;;</code></p></div><div class="t-space-item"><p>日文语言包引入路径：<code>import jpConfig from &#x27;tdesign-react/es/locale/ja_JP&#x27;;</code></p></div><div class="t-space-item"><p>韩文语言包引入路径：<code>import koConfig from &#x27;tdesign-react/es/locale/ko_KR&#x27;;</code></p></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/global.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>使用<code>ConfigProvider</code>包裹业务功能的最外层组件，点击下方图标查看示例代码</p></div><div class="t-space-item"><p>英文语言包引入路径：<code>import enConfig from &#x27;tdesign-react/es/locale/en_US&#x27;;</code></p></div><div class="t-space-item"><p>中文语言包引入路径：<code>import zhConfig from &#x27;tdesign-react/es/locale/zh_CN&#x27;;</code></p></div><div class="t-space-item"><p>日文语言包引入路径：<code>import jpConfig from &#x27;tdesign-react/es/locale/ja_JP&#x27;;</code></p></div><div class="t-space-item"><p>韩文语言包引入路径：<code>import koConfig from &#x27;tdesign-react/es/locale/ko_KR&#x27;;</code></p></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/others.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__username"><div class="t-form__label t-form__label--right" style="width:100px"><label>User Name</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="There is no required mark on the left of this input in Form" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>Password</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="There is required mark on the left of this input in Form" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div></form></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="see loading text in Select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="see loading text in TreeSelect" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">First Step</div><div class="t-steps-item__description">You need to click the blue button</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Second Step</div><div class="t-steps-item__description">Fill your base information into the form</div></div></div></div><div class="t-steps-item t-steps-item--error"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-error"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error"><path fill="currentColor" d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Error Step</div><div class="t-steps-item__description">Something Wrong! Custom Error Icon!</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Last Step</div><div class="t-steps-item__description">You haven&#x27;t finish this step.</div></div></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:300px"><img src="1.jpg" class="t-image t-image--fit-scale-down t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/others.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__username"><div class="t-form__label t-form__label--right" style="width:100px"><label>User Name</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="There is no required mark on the left of this input in Form" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>Password</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="There is required mark on the left of this input in Form" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div></form></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="see loading text in Select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="see loading text in TreeSelect" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">First Step</div><div class="t-steps-item__description">You need to click the blue button</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Second Step</div><div class="t-steps-item__description">Fill your base information into the form</div></div></div></div><div class="t-steps-item t-steps-item--error"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-error"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error"><path fill="currentColor" d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Error Step</div><div class="t-steps-item__description">Something Wrong! Custom Error Icon!</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Last Step</div><div class="t-steps-item__description">You haven&#x27;t finish this step.</div></div></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:300px"><img src="1.jpg" class="t-image t-image--fit-scale-down t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/pagination.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 36 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 4 </span></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/pagination.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 36 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 4 </span></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/popconfirm.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Default</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">Warning</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">Danger</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/popconfirm.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Default</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">Warning</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">Danger</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/table.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="type" class="t-table__th-type"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>Type</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="platform" class="t-table__th-platform"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>Platform</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="property" class="t-table__th-property"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable t-table__cell--filterable"><div class="t-table__cell--title"><div>Property</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__empty-row"><td colSpan="3"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="type" class="t-table__th-type"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>Type</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="platform" class="t-table__th-platform"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>Platform</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="property" class="t-table__th-property"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable t-table__cell--filterable"><div class="t-table__cell--title"><div>Property</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">Array</td><td class="">Vue(PC)</td><td class="">A</td></tr><tr class=""><td class="">String</td><td class="">React(PC)</td><td class="">B</td></tr><tr class=""><td class="">Object</td><td class="">Miniprogram</td><td class="">C</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/table.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="type" class="t-table__th-type"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>Type</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="platform" class="t-table__th-platform"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>Platform</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="property" class="t-table__th-property"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable t-table__cell--filterable"><div class="t-table__cell--title"><div>Property</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__empty-row"><td colSpan="3"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="type" class="t-table__th-type"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>Type</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="platform" class="t-table__th-platform"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>Platform</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="property" class="t-table__th-property"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable t-table__cell--filterable"><div class="t-table__cell--title"><div>Property</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">Array</td><td class="">Vue(PC)</td><td class="">A</td></tr><tr class=""><td class="">String</td><td class="">React(PC)</td><td class="">B</td></tr><tr class=""><td class="">Object</td><td class="">Miniprogram</td><td class="">C</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="可清除、可输入的日期选择器" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="可清除、可输入的日期选择器" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/cancel-range-limit.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/cancel-range-limit.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/custom-icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/custom-icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/date-presets-alt.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value="2022-01-01,2022-08-08"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" value="2022-01-01" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-01-01"/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" value="2022-08-08" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-08-08"/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value="2022-01-01 11:11:11,2022-08-08 12:12:12"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" value="2022-01-01 11:11:11" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-01-01 11:11:11"/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" value="2022-08-08 12:12:12" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-08-08 12:12:12"/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/date-presets-alt.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value="2022-01-01,2022-08-08"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" value="2022-01-01" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-01-01"/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" value="2022-08-08" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-08-08"/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value="2022-01-01 11:11:11,2022-08-08 12:12:12"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" value="2022-01-01 11:11:11" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-01-01 11:11:11"/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" value="2022-08-08 12:12:12" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-08-08 12:12:12"/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/date-range.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/date-range.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/date-time.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input"><div class="t-input__wrap" value="2022-02-02 12:11:11" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" value="2022-02-02 12:11:11"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input"><div class="t-input__wrap" value="2022-02-02 凌晨 12:11:11" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" value="2022-02-02 凌晨 12:11:11"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/date-time.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input"><div class="t-input__wrap" value="2022-02-02 12:11:11" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" value="2022-02-02 12:11:11"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input"><div class="t-input__wrap" value="2022-02-02 凌晨 12:11:11" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" value="2022-02-02 凌晨 12:11:11"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/disable-date.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用昨天、前天" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="明后三天禁用" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用所有周六" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用最近 3 天外的日期" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用日期精确到时间" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="禁用最近 5 天外的日期" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="禁用最近 5 天外的日期" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/disable-date.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用昨天、前天" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="明后三天禁用" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用所有周六" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用最近 3 天外的日期" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用日期精确到时间" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="禁用最近 5 天外的日期" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="禁用最近 5 天外的日期" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/first-day-of-week.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">1</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">2</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="3" value="3"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">3</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="4" value="4"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">4</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="5" value="5"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">5</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="6" value="6"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">6</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="7" value="7"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">7</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/first-day-of-week.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">1</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">2</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="3" value="3"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">3</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="4" value="4"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">4</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="5" value="5"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">5</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="6" value="6"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">6</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="7" value="7"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">7</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/month.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select month" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select month" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select month" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/month.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select month" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select month" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select month" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/multiple.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="2024-10-01">2024-10-01</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2024-10-24">2024-10-24</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre">可清除、可输入的日期选择器</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="2024-50周">2024-50周</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2024-51周">2024-51周</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre">可清除、可输入的日期选择器</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="2022">2022</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2023">2023</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2024">2024</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre">可清除、可输入的日期选择器</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/multiple.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="2024-10-01">2024-10-01</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2024-10-24">2024-10-24</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre">可清除、可输入的日期选择器</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="2024-50周">2024-50周</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2024-51周">2024-51周</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre">可清除、可输入的日期选择器</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="2022">2022</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2023">2023</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2024">2024</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre">可清除、可输入的日期选择器</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/panel.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-picker__panel"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div></div></div></div></div><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-picker__panel"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div><div class="t-date-picker__panel-time"><div class="t-date-picker__panel-time-viewer">00:00:00</div><div class="t-time-picker__panel"><div class="t-time-picker__panel-section-body"><div class="t-time-picker__panel-body"><div class="t-time-picker__panel-body-active-mask"></div></div></div></div></div></div><div class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"><span class="t-button__text">Confirm</span></div></div></div></div></div><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-range-picker__panel"><div class="t-date-range-picker__panel-content-wrapper"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div></div><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td></tr></tbody></table></div></div></div></div></div></div></div><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-range-picker__panel"><div class="t-date-range-picker__panel-content-wrapper"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div><div class="t-date-picker__panel-time"><div class="t-date-picker__panel-time-viewer">00:00:00</div><div class="t-time-picker__panel"><div class="t-time-picker__panel-section-body"><div class="t-time-picker__panel-body"><div class="t-time-picker__panel-body-active-mask"></div></div></div></div></div></div></div><div class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"><span class="t-button__text">Confirm</span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/panel.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-picker__panel"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div></div></div></div></div><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-picker__panel"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div><div class="t-date-picker__panel-time"><div class="t-date-picker__panel-time-viewer">00:00:00</div><div class="t-time-picker__panel"><div class="t-time-picker__panel-section-body"><div class="t-time-picker__panel-body"><div class="t-time-picker__panel-body-active-mask"></div></div></div></div></div></div><div class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"><span class="t-button__text">Confirm</span></div></div></div></div></div><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-range-picker__panel"><div class="t-date-range-picker__panel-content-wrapper"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div></div><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td></tr></tbody></table></div></div></div></div></div></div></div><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-range-picker__panel"><div class="t-date-range-picker__panel-content-wrapper"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div><div class="t-date-picker__panel-time"><div class="t-date-picker__panel-time-viewer">00:00:00</div><div class="t-time-picker__panel"><div class="t-time-picker__panel-section-body"><div class="t-time-picker__panel-body"><div class="t-time-picker__panel-body-active-mask"></div></div></div></div></div></div></div><div class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"><span class="t-button__text">Confirm</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/quarter.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select quarter" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select quarter" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select quarter" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/quarter.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select quarter" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select quarter" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select quarter" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/week.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select week" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select week" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select week" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/week.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select week" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select week" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select week" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/year.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select year" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select year" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select year" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/year.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select year" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select year" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select year" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/bordered.tsx 1`] = `"<div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/bordered.tsx 1`] = `"<div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/colon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item">展示冒号</div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/colon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item">展示冒号</div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/column.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="2" checked="" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">2</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="3" value="3"/><span class="t-radio__input"></span><span class="t-radio__label">3</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="4" value="4"/><span class="t-radio__input"></span><span class="t-radio__label">4</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/column.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="2" checked="" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">2</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="3" value="3"/><span class="t-radio__input"></span><span class="t-radio__label">3</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="4" value="4"/><span class="t-radio__input"></span><span class="t-radio__label">4</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/custom-style.tsx 1`] = `"<div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Name</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">TDesign</td><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Telephone Number</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Area</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Address</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/custom-style.tsx 1`] = `"<div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Name</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">TDesign</td><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Telephone Number</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Area</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Address</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/items.tsx 1`] = `"<div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label"><button>Telephone Number</button></td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content"><h3>China Tencent Headquarters</h3></td><td colSpan="1" class="t-descriptions__label"><i>Address</i></td><td colSpan="1" class="t-descriptions__content"><mark> Shenzhen Penguin Island D1 4A Mail Center</mark></td></tr></tbody></table></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/items.tsx 1`] = `"<div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label"><button>Telephone Number</button></td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content"><h3>China Tencent Headquarters</h3></td><td colSpan="1" class="t-descriptions__label"><i>Address</i></td><td colSpan="1" class="t-descriptions__content"><mark> Shenzhen Penguin Island D1 4A Mail Center</mark></td></tr></tbody></table></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/layout.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-row t-row--start t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><span>layout：</span></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" checked="" value="horizontal"/><span class="t-radio__input"></span><span class="t-radio__label">horizontal</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;vertical&#x27;" value="vertical"/><span class="t-radio__input"></span><span class="t-radio__label">vertical</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div class="t-row t-row--start t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><span>itemLayout：</span></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" checked="" value="horizontal"/><span class="t-radio__input"></span><span class="t-radio__label">horizontal</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;vertical&#x27;" value="vertical"/><span class="t-radio__input"></span><span class="t-radio__label">vertical</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/layout.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-row t-row--start t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><span>layout：</span></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" checked="" value="horizontal"/><span class="t-radio__input"></span><span class="t-radio__label">horizontal</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;vertical&#x27;" value="vertical"/><span class="t-radio__input"></span><span class="t-radio__label">vertical</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div class="t-row t-row--start t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><span>itemLayout：</span></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" checked="" value="horizontal"/><span class="t-radio__input"></span><span class="t-radio__label">horizontal</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;vertical&#x27;" value="vertical"/><span class="t-radio__input"></span><span class="t-radio__label">vertical</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/nest.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content"><div class="t-descriptions"><table class="t-descriptions__body t-size-m"><tbody><tr><td colSpan="1" class="t-descriptions__label" style="background:#f4f4f4">City<!-- -->:</td><td colSpan="1" class="t-descriptions__content">Shenzhen</td><td colSpan="1" class="t-descriptions__label" style="background:#f4f4f4">Detail<!-- -->:</td><td colSpan="1" class="t-descriptions__content">Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/nest.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content"><div class="t-descriptions"><table class="t-descriptions__body t-size-m"><tbody><tr><td colSpan="1" class="t-descriptions__label" style="background:#f4f4f4">City<!-- -->:</td><td colSpan="1" class="t-descriptions__content">Shenzhen</td><td colSpan="1" class="t-descriptions__label" style="background:#f4f4f4">Detail<!-- -->:</td><td colSpan="1" class="t-descriptions__content">Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio__input"></span><span class="t-radio__label">large</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio__input"></span><span class="t-radio__label">medium</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio__input"></span><span class="t-radio__label">small</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio__input"></span><span class="t-radio__label">large</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio__input"></span><span class="t-radio__label">medium</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio__input"></span><span class="t-radio__label">small</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/async.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Modal</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Plugin Modal</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/async.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Modal</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Plugin Modal</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/attach.tsx 1`] = `"<div style="position:relative;height:400px"><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">挂载在body</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">挂载特定元素</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">挂载函数返回节点</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">展示在挂载元素区域</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/attach.tsx 1`] = `"<div style="position:relative;height:400px"><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">挂载在body</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">挂载特定元素</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">挂载函数返回节点</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">展示在挂载元素区域</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Modal</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Modal</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/custom.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">只显示确认按钮</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义按钮内容</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义内容</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/custom.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">只显示确认按钮</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义按钮内容</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义内容</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/icon.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Modal</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/icon.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Modal</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/modal.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">模态对话框</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">非模态对话框</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">非模态对话框2</span></button><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content">普通对话框</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body"><p>This is a dialog</p></div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/modal.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">模态对话框</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">非模态对话框</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">非模态对话框2</span></button><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content">普通对话框</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body"><p>This is a dialog</p></div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>函数调用方式一：DialogPlugin(options)</p></div><div class="t-space-item"><p>函数调用方式二：DialogPlugin.confirm(options)</p></div><div class="t-space-item"><p>函数调用方式三：DialogPlugin.alert(options)</p></div><div class="t-space-item"><div><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">dialog</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">handleDialogNode</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">alert</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">DialogPlugin.confirm</span></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>函数调用方式一：DialogPlugin(options)</p></div><div class="t-space-item"><p>函数调用方式二：DialogPlugin.confirm(options)</p></div><div class="t-space-item"><p>函数调用方式三：DialogPlugin.alert(options)</p></div><div class="t-space-item"><div><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">dialog</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">handleDialogNode</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">alert</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">DialogPlugin.confirm</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/position.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">默认</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">垂直居中</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">超出屏幕</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/position.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">默认</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">垂直居中</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">超出屏幕</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/warning.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提示反馈</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">成功反馈</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">警示反馈</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">错误反馈</span></button></div><div class="t-space-item"></div><div class="t-space-item"></div><div class="t-space-item"></div><div class="t-space-item"></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/warning.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提示反馈</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">成功反馈</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">警示反馈</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">错误反馈</span></button></div><div class="t-space-item"></div><div class="t-space-item"></div><div class="t-space-item"></div><div class="t-space-item"></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/divider/_example/base.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--dashed"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
+exports[`ssr snapshot test > ssr test packages/web/divider/_example/base.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--dashed"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
 
-exports[`ssr snapshot test > ssr test src/divider/_example/text.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-left"><span class="t-divider__inner-text">TDesign</span></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-center"><span class="t-divider__inner-text">TDesign</span></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-right"><span class="t-divider__inner-text">TDesign</span></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
+exports[`ssr snapshot test > ssr test packages/web/divider/_example/text.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-left"><span class="t-divider__inner-text">TDesign</span></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-center"><span class="t-divider__inner-text">TDesign</span></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-right"><span class="t-divider__inner-text">TDesign</span></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
 
-exports[`ssr snapshot test > ssr test src/divider/_example/vertical.tsx 1`] = `"<span>正直</span><div class="t-divider t-divider--vertical"></div><span>进取</span><div class="t-divider t-divider--vertical"></div><span>合作</span><div class="t-divider t-divider--vertical"></div><span>创新</span>"`;
+exports[`ssr snapshot test > ssr test packages/web/divider/_example/vertical.tsx 1`] = `"<span>正直</span><div class="t-divider t-divider--vertical"></div><span>进取</span><div class="t-divider t-divider--vertical"></div><span>合作</span><div class="t-divider t-divider--vertical"></div><span>创新</span>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/attach-parent.tsx 1`] = `"<div id="demo-container" style="position:relative;height:400px;padding:48px;overflow:hidden;background:#fafafa;border:1px solid #ebedf0;border-radius:2px"><div id="demo-suf-container"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>渲染在当前元素中。</p></div><div class="t-space-item"><div><span>抽屉弹出方向：</span><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上方</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">下方</span></label></div></div></div><div class="t-space-item"><div><span>抽屉弹出模式：</span><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;push&#x27;" checked="" value="push"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">push</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;overlay&#x27;" value="overlay"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">overlay</span></label></div></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open</span></button></div></div><div class="t-space-item"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/attach-parent.tsx 1`] = `"<div id="demo-container" style="position:relative;height:400px;padding:48px;overflow:hidden;background:#fafafa;border:1px solid #ebedf0;border-radius:2px"><div id="demo-suf-container"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>渲染在当前元素中。</p></div><div class="t-space-item"><div><span>抽屉弹出方向：</span><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上方</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">下方</span></label></div></div></div><div class="t-space-item"><div><span>抽屉弹出模式：</span><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;push&#x27;" checked="" value="push"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">push</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;overlay&#x27;" value="overlay"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">overlay</span></label></div></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open</span></button></div></div><div class="t-space-item"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/custom.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/custom.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/destroy.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/destroy.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/no-mask.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/no-mask.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/operation.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/operation.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/placement.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上方</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">下方</span></label></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/placement.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上方</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">下方</span></label></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/popup.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><span>抽屉弹出模式：</span><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;push&#x27;" checked="" value="push"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">push</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;overlay&#x27;" value="overlay"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">overlay</span></label></div></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/popup.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><span>抽屉弹出模式：</span><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;push&#x27;" checked="" value="push"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">push</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;overlay&#x27;" value="overlay"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">overlay</span></label></div></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;small&#x27;" checked="" value="small"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">small(300px)</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;medium&#x27;" value="medium"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">medium(500px)</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">large(760px)</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="200" value="200"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">200</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;400px&#x27;" value="400px"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">400px</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;50%&#x27;" value="50%"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">50%</span></label></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;small&#x27;" checked="" value="small"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">small(300px)</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;medium&#x27;" value="medium"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">medium(500px)</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">large(760px)</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="200" value="200"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">200</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;400px&#x27;" value="400px"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">400px</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;50%&#x27;" value="50%"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">50%</span></label></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/size-draggable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从左侧拖拽抽屉</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从右侧拖拽抽屉</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从上方拖拽抽屉</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从下方拖拽抽屉</span></label></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/size-draggable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从左侧拖拽抽屉</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从右侧拖拽抽屉</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从上方拖拽抽屉</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从下方拖拽抽屉</span></label></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/button.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-ellipsis" style="font-size:16"><use xlink:href="#t-icon-ellipsis"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/button.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-ellipsis" style="font-size:16"><use xlink:href="#t-icon-ellipsis"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/child.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/child.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/click.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">hover我试试</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/click.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">hover我试试</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/custom.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击我试试</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/custom.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击我试试</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/disabled.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/disabled.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/icon.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/icon.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/left.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/left.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/long.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">hover我试试</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/long.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">hover我试试</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/multiple.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-ellipsis" style="font-size:16"><use xlink:href="#t-icon-ellipsis"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/multiple.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-ellipsis" style="font-size:16"><use xlink:href="#t-icon-ellipsis"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/split.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/split.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/theme.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/theme.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/empty/_example/base.tsx 1`] = `"<div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/empty/_example/base.tsx 1`] = `"<div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/empty/_example/descriptions.tsx 1`] = `"<div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div><div class="t-empty__description">description</div><div class="t-empty__action"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">返回首页</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/empty/_example/descriptions.tsx 1`] = `"<div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div><div class="t-empty__description">description</div><div class="t-empty__action"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">返回首页</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/empty/_example/operation.tsx 1`] = `"<div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div><div class="t-empty__action"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">返回首页</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/empty/_example/operation.tsx 1`] = `"<div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div><div class="t-empty__action"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">返回首页</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/empty/_example/self-defined.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:-20px;margin-right:-20px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle" style="font-size:64px" color="var(--td-text-color-placeholder)"><path fill="currentColor" d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm12-5.5V14h-2V6.5h2zm-2 9h2v2h-2v-2z"></path></svg></div><div class="t-empty__title">No Data</div><div class="t-empty__description">暂无数据</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><div style="width:64px;height:64px;background-image:url(https://tdesign.gtimg.com/demo/demo-image-1.png);background-size:100% 100%"></div></div><div class="t-empty__title">No Data</div><div class="t-empty__description">暂无数据</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/empty/_example/self-defined.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:-20px;margin-right:-20px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle" style="font-size:64px" color="var(--td-text-color-placeholder)"><path fill="currentColor" d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm12-5.5V14h-2V6.5h2zm-2 9h2v2h-2v-2z"></path></svg></div><div class="t-empty__title">No Data</div><div class="t-empty__description">暂无数据</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><div style="width:64px;height:64px;background-image:url(https://tdesign.gtimg.com/demo/demo-image-1.png);background-size:100% 100%"></div></div><div class="t-empty__title">No Data</div><div class="t-empty__description">暂无数据</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/empty/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio__input"></span><span class="t-radio__label">small</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio__input"></span><span class="t-radio__label">medium</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio__input"></span><span class="t-radio__label">large</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div style="margin-top:20px;height:100px"><div class="t-row t-row--start t-row--top" style="margin-left:-20px;margin-right:-20px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="路况事件-traffic-events"><g id="Subtract"><path d="M29.5237 17L24 3.82812L18.4763 17H29.5237Z" fill="var(--td-text-color-placeholder)"></path><path d="M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z" fill="var(--td-text-color-placeholder)"></path><path d="M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Under Construction</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无网络-no-network"><g id="Union"><path d="M26 17V2H22V17H26Z" fill="var(--td-text-color-placeholder)"></path><path d="M26.0078 20H22V24.0078H26.0078V20Z" fill="var(--td-text-color-placeholder)"></path><path d="M2.75751 13.45C7.29713 9.80916 12.553 7.50276 18 6.53088V28H30V6.53052C35.4475 7.50216 40.7038 9.80854 45.2438 13.4497L46.8021 14.6995L24.0006 43.2016L1.19922 14.6998L2.75751 13.45Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Network Error</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42ZM46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24ZM21 32.8284L12.1716 24L15 21.1716L21 27.1716L33 15.1716L35.8284 18L21 32.8284Z" fill="#2BA471"></path></svg></div><div class="t-empty__title">Success</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6ZM2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24ZM26 13V28H22V13H26ZM22 31H26.0078V35.0078H22V31Z" fill="#D54941"></path></svg></div><div class="t-empty__title">Failure</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/empty/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio__input"></span><span class="t-radio__label">small</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio__input"></span><span class="t-radio__label">medium</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio__input"></span><span class="t-radio__label">large</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div style="margin-top:20px;height:100px"><div class="t-row t-row--start t-row--top" style="margin-left:-20px;margin-right:-20px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="路况事件-traffic-events"><g id="Subtract"><path d="M29.5237 17L24 3.82812L18.4763 17H29.5237Z" fill="var(--td-text-color-placeholder)"></path><path d="M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z" fill="var(--td-text-color-placeholder)"></path><path d="M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Under Construction</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无网络-no-network"><g id="Union"><path d="M26 17V2H22V17H26Z" fill="var(--td-text-color-placeholder)"></path><path d="M26.0078 20H22V24.0078H26.0078V20Z" fill="var(--td-text-color-placeholder)"></path><path d="M2.75751 13.45C7.29713 9.80916 12.553 7.50276 18 6.53088V28H30V6.53052C35.4475 7.50216 40.7038 9.80854 45.2438 13.4497L46.8021 14.6995L24.0006 43.2016L1.19922 14.6998L2.75751 13.45Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Network Error</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42ZM46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24ZM21 32.8284L12.1716 24L15 21.1716L21 27.1716L33 15.1716L35.8284 18L21 32.8284Z" fill="#2BA471"></path></svg></div><div class="t-empty__title">Success</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6ZM2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24ZM26 13V28H22V13H26ZM22 31H26.0078V35.0078H22V31Z" fill="#D54941"></path></svg></div><div class="t-empty__title">Failure</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/empty/_example/status.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:-20px;margin-right:-20px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="路况事件-traffic-events"><g id="Subtract"><path d="M29.5237 17L24 3.82812L18.4763 17H29.5237Z" fill="var(--td-text-color-placeholder)"></path><path d="M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z" fill="var(--td-text-color-placeholder)"></path><path d="M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Under Construction</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无网络-no-network"><g id="Union"><path d="M26 17V2H22V17H26Z" fill="var(--td-text-color-placeholder)"></path><path d="M26.0078 20H22V24.0078H26.0078V20Z" fill="var(--td-text-color-placeholder)"></path><path d="M2.75751 13.45C7.29713 9.80916 12.553 7.50276 18 6.53088V28H30V6.53052C35.4475 7.50216 40.7038 9.80854 45.2438 13.4497L46.8021 14.6995L24.0006 43.2016L1.19922 14.6998L2.75751 13.45Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Network Error</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42ZM46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24ZM21 32.8284L12.1716 24L15 21.1716L21 27.1716L33 15.1716L35.8284 18L21 32.8284Z" fill="#2BA471"></path></svg></div><div class="t-empty__title">Success</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6ZM2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24ZM26 13V28H22V13H26ZM22 31H26.0078V35.0078H22V31Z" fill="#D54941"></path></svg></div><div class="t-empty__title">Failure</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/empty/_example/status.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:-20px;margin-right:-20px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="路况事件-traffic-events"><g id="Subtract"><path d="M29.5237 17L24 3.82812L18.4763 17H29.5237Z" fill="var(--td-text-color-placeholder)"></path><path d="M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z" fill="var(--td-text-color-placeholder)"></path><path d="M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Under Construction</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无网络-no-network"><g id="Union"><path d="M26 17V2H22V17H26Z" fill="var(--td-text-color-placeholder)"></path><path d="M26.0078 20H22V24.0078H26.0078V20Z" fill="var(--td-text-color-placeholder)"></path><path d="M2.75751 13.45C7.29713 9.80916 12.553 7.50276 18 6.53088V28H30V6.53052C35.4475 7.50216 40.7038 9.80854 45.2438 13.4497L46.8021 14.6995L24.0006 43.2016L1.19922 14.6998L2.75751 13.45Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Network Error</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42ZM46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24ZM21 32.8284L12.1716 24L15 21.1716L21 27.1716L33 15.1716L35.8284 18L21 32.8284Z" fill="#2BA471"></path></svg></div><div class="t-empty__title">Success</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6ZM2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24ZM26 13V28H22V13H26ZM22 31H26.0078V35.0078H22V31Z" fill="#D54941"></path></svg></div><div class="t-empty__title">Failure</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/align.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左对齐</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右对齐</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">顶部对齐</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:80px"><label>名字</label></div><div class="t-form__controls" style="margin-left:80px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:80px"><label>密码</label></div><div class="t-form__controls" style="margin-left:80px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/align.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左对齐</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右对齐</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">顶部对齐</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:80px"><label>名字</label></div><div class="t-form__controls" style="margin-left:80px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:80px"><label>密码</label></div><div class="t-form__controls" style="margin-left:80px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/base.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__birthday"><div class="t-form__label t-form__label--right" style="width:100px"><label>出生日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男性</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;female&#x27;" value="female"/><span class="t-radio__input"></span><span class="t-radio__label">女性</span></label></div></div></div></div><div class="t-form__item t-form-item__foo"><div class="t-form__label t-form__label--right" style="width:100px"><label>动态选项1</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-radio__input"></span><span class="t-radio__label">选项一</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">选项二</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;la&#x27;" value="la"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加辣</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;ma&#x27;" value="ma"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加麻</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;nocong&#x27;" value="nocong"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">不要葱花</span></label></div></div></div></div><div class="t-form__item t-form-item__status"><div class="t-form__label t-form__label--right" style="width:100px"><label for="status">状态</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label for="custom">自定义内容</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div style="display:flex;gap:8px"><div class="t-form__item t-form-item__custom"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字链</span></button></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">设置信息</span></button></div><div class="t-space-item"><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/base.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__birthday"><div class="t-form__label t-form__label--right" style="width:100px"><label>出生日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男性</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;female&#x27;" value="female"/><span class="t-radio__input"></span><span class="t-radio__label">女性</span></label></div></div></div></div><div class="t-form__item t-form-item__foo"><div class="t-form__label t-form__label--right" style="width:100px"><label>动态选项1</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-radio__input"></span><span class="t-radio__label">选项一</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">选项二</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;la&#x27;" value="la"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加辣</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;ma&#x27;" value="ma"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加麻</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;nocong&#x27;" value="nocong"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">不要葱花</span></label></div></div></div></div><div class="t-form__item t-form-item__status"><div class="t-form__label t-form__label--right" style="width:100px"><label for="status">状态</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label for="custom">自定义内容</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div style="display:flex;gap:8px"><div class="t-form__item t-form-item__custom"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字链</span></button></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">设置信息</span></button></div><div class="t-space-item"><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/clear-validate.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button style="margin-right:10px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清空校验结果</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text"> <!-- -->清除指定字段的校验结果<!-- --> </span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/clear-validate.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button style="margin-right:10px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清空校验结果</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text"> <!-- -->清除指定字段的校验结果<!-- --> </span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/custom-validator.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__rePassword"><div class="t-form__label t-form__label--right" style="width:100px"><label>确认密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin:0 12px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清除校验状态</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/custom-validator.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__rePassword"><div class="t-form__label t-form__label--right" style="width:100px"><label>确认密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin:0 12px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清除校验状态</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/customized-form-controls.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择课程类型" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入课程名称" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/customized-form-controls.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择课程类型" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入课程名称" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea"><textarea placeholder="简单描述自己的经历" class="t-textarea__inner t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea"><textarea placeholder="简单描述自己的经历" class="t-textarea__inner t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/error-message.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">使用表单默认校验信息</span></span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;config&#x27;" value="config"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">表单统一配置校验信息</span></span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清空校验结果</span></button></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/error-message.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">使用表单默认校验信息</span></span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;config&#x27;" value="config"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">表单统一配置校验信息</span></span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清空校验结果</span></button></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/form-field-linkage.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__type"><div class="t-form__label t-form__label--right" style="width:100px"><label>类型</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;hot&#x27;" checked="" value="hot"/><span class="t-radio__input"></span><span class="t-radio__label">热饮</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;cold&#x27;" value="cold"/><span class="t-radio__input"></span><span class="t-radio__label">冷饮</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">选择冷饮-少冰</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/form-field-linkage.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__type"><div class="t-form__label t-form__label--right" style="width:100px"><label>类型</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;hot&#x27;" checked="" value="hot"/><span class="t-radio__input"></span><span class="t-radio__label">热饮</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;cold&#x27;" value="cold"/><span class="t-radio__input"></span><span class="t-radio__label">冷饮</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">选择冷饮-少冰</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/form-list.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__address" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">Add field</span></button></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/form-list.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__address" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">Add field</span></button></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/layout.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">纵向布局</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;inline&#x27;" checked="" value="inline"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">行内布局</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form t-form-inline"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:60px"><label>名字</label></div><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:60px"><label>密码</label></div><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/layout.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">纵向布局</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;inline&#x27;" checked="" value="inline"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">行内布局</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form t-form-inline"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:60px"><label>名字</label></div><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:60px"><label>密码</label></div><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/login.tsx 1`] = `"<div style="width:350px"><form class="t-form"><div class="t-form__item t-form-item__account"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-desktop"><path fill="currentColor" d="M1 3h22v15H13v2h4v2H7v-2h4v-2H1V3zm2 2v11h18V5H3z"></path></svg></span><input placeholder="请输入账户名" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span><input placeholder="请输入密码" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base t-size-full-width"><span class="t-button__text">登录</span></button></div></div></div></form></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/login.tsx 1`] = `"<div style="width:350px"><form class="t-form"><div class="t-form__item t-form-item__account"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-desktop"><path fill="currentColor" d="M1 3h22v15H13v2h4v2H7v-2h4v-2H1V3zm2 2v11h18V5H3z"></path></svg></span><input placeholder="请输入账户名" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span><input placeholder="请输入密码" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base t-size-full-width"><span class="t-button__text">登录</span></button></div></div></div></form></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/nested-data.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__user_name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="name" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="name"/></div></div></div></div></div><div class="t-form__item t-form-item__user_age"><div class="t-form__label t-form__label--right" style="width:100px"><label>年龄</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="age" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="age"/></div></div></div></div></div><div class="t-form__item t-form-item__user_gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男性</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;female&#x27;" value="female"/><span class="t-radio__input"></span><span class="t-radio__label">女性</span></label></div></div></div></div><div class="t-form__item t-form-item__user_course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;la&#x27;" value="la"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加辣</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;ma&#x27;" value="ma"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加麻</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;nocong&#x27;" value="nocong"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">不要葱花</span></label></div></div></div></div><div class="t-form__item t-form-item__birthday"><div class="t-form__label t-form__label--right" style="width:100px"><label>出生日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input"><div class="t-input__wrap" value="2022-08-08" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-08-08"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__user_address" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">Add field</span></button></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">设置信息</span></button><button style="margin-left:12px" type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/nested-data.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__user_name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="name" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="name"/></div></div></div></div></div><div class="t-form__item t-form-item__user_age"><div class="t-form__label t-form__label--right" style="width:100px"><label>年龄</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="age" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="age"/></div></div></div></div></div><div class="t-form__item t-form-item__user_gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男性</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;female&#x27;" value="female"/><span class="t-radio__input"></span><span class="t-radio__label">女性</span></label></div></div></div></div><div class="t-form__item t-form-item__user_course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;la&#x27;" value="la"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加辣</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;ma&#x27;" value="ma"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加麻</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;nocong&#x27;" value="nocong"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">不要葱花</span></label></div></div></div></div><div class="t-form__item t-form-item__birthday"><div class="t-form__label t-form__label--right" style="width:100px"><label>出生日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input"><div class="t-input__wrap" value="2022-08-08" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-08-08"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__user_address" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">Add field</span></button></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">设置信息</span></button><button style="margin-left:12px" type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/reset.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;empty&#x27;" value="empty"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">重置为空</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;initial&#x27;" checked="" value="initial"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger"> 重置为初始值 </span></span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="TDesign"/></div></div></div></div></div><div class="t-form__item t-form-item__tel"><div class="t-form__label t-form__label--right" style="width:100px"><label>手机号码</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="12345678910" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="12345678910"/></div></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/reset.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;empty&#x27;" value="empty"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">重置为空</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;initial&#x27;" checked="" value="initial"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger"> 重置为初始值 </span></span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="TDesign"/></div></div></div></div></div><div class="t-form__item t-form-item__tel"><div class="t-form__label t-form__label--right" style="width:100px"><label>手机号码</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="12345678910" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="12345678910"/></div></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/validate-complicated-data.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__school"><div class="t-form__label t-form__label--right" style="width:100px"><label>学校</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">学校一</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">学校二</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="3" value="3"/><span class="t-radio__input"></span><span class="t-radio__label">学校三</span></label></div></div></div></div><div class="t-tabs" style="margin-left:30px;border:1px solid var(--td-component-stroke)"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"><div class="t-tabs__add-btn t-tabs__btn t-size-m"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">学生1</span></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">学生2</span></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="padding:24px 24px 24px 0"><div class="t-form__item t-form-item__students[0].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="StudentA" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="StudentA"/></div></div></div></div></div><div class="t-form__item t-form-item__students[0].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>选科</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;wenke&#x27;" checked="" value="wenke"/><span class="t-radio__input"></span><span class="t-radio__label">文科</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;like&#x27;" value="like"/><span class="t-radio__input"></span><span class="t-radio__label">理科</span></label></div></div></div></div><div class="t-form__item t-form-item__students[0].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">全部</span></label><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">物理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">化学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">地理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">历史</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></div></div><div class="t-tab-panel" style="display:none"><div style="padding:24px 24px 24px 0"><div class="t-form__item t-form-item__students[1].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="StudentB" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="StudentB"/></div></div></div></div></div><div class="t-form__item t-form-item__students[1].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>选科</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;wenke&#x27;" checked="" value="wenke"/><span class="t-radio__input"></span><span class="t-radio__label">文科</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;like&#x27;" value="like"/><span class="t-radio__input"></span><span class="t-radio__label">理科</span></label></div></div></div></div><div class="t-form__item t-form-item__students[1].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">全部</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">物理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">化学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">地理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">历史</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></div></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/validate-complicated-data.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__school"><div class="t-form__label t-form__label--right" style="width:100px"><label>学校</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">学校一</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">学校二</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="3" value="3"/><span class="t-radio__input"></span><span class="t-radio__label">学校三</span></label></div></div></div></div><div class="t-tabs" style="margin-left:30px;border:1px solid var(--td-component-stroke)"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"><div class="t-tabs__add-btn t-tabs__btn t-size-m"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">学生1</span></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">学生2</span></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="padding:24px 24px 24px 0"><div class="t-form__item t-form-item__students[0].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="StudentA" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="StudentA"/></div></div></div></div></div><div class="t-form__item t-form-item__students[0].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>选科</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;wenke&#x27;" checked="" value="wenke"/><span class="t-radio__input"></span><span class="t-radio__label">文科</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;like&#x27;" value="like"/><span class="t-radio__input"></span><span class="t-radio__label">理科</span></label></div></div></div></div><div class="t-form__item t-form-item__students[0].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">全部</span></label><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">物理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">化学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">地理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">历史</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></div></div><div class="t-tab-panel" style="display:none"><div style="padding:24px 24px 24px 0"><div class="t-form__item t-form-item__students[1].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="StudentB" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="StudentB"/></div></div></div></div></div><div class="t-form__item t-form-item__students[1].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>选科</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;wenke&#x27;" checked="" value="wenke"/><span class="t-radio__input"></span><span class="t-radio__label">文科</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;like&#x27;" value="like"/><span class="t-radio__input"></span><span class="t-radio__label">理科</span></label></div></div></div></div><div class="t-form__item t-form-item__students[1].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">全部</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">物理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">化学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">地理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">历史</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></div></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/validate-message.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button style="margin-right:10px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">仅校验不展示验证信息</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">设置校验信息提示</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/validate-message.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button style="margin-right:10px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">仅校验不展示验证信息</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">设置校验信息提示</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/validator.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="张三" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="张三"/></div></div></div><div class="t-input__help">这里请填写用户名</div></div></div><div class="t-form__item t-form-item__password t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这里请填写密码</div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/validator.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="张三" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="张三"/></div></div></div><div class="t-input__help">这里请填写用户名</div></div></div><div class="t-form__item t-form-item__password t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这里请填写密码</div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/validator-status.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__fail t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>失败</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">校验不通过，请输入正确内容</div></div></div><div class="t-form__item t-form-item__warning"><div class="t-form__label t-form__label--right" style="width:100px"><label>警告</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__success"><div class="t-form__label t-form__label--right" style="width:100px"><label>成功</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__failB"><div class="t-form__label t-form__label--right" style="width:100px"><label>失败</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="隐藏状态icon" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__warningB"><div class="t-form__label t-form__label--right" style="width:100px"><label>警告</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__loading"><div class="t-form__label t-form__label--right" style="width:100px"><label>加载中</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="正在校验中，请稍等" type="text" class="t-input__inner" value=""/></div></div><span class="t-form__status"><div class="t-loading t-loading--center" style="font-size:25px;color:#1890ff"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div><div class="t-form__item t-form-item__add t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>新增</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-form__status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle" style="color:unset;font-size:25px" name="add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span></div><div class="t-input__help">自定义新增icon</div></div></div><div class="t-form__item t-form-item__help t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>帮助</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-form__status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-help-circle" style="color:unset;font-size:25px" name="help-circle"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-10 6.25h-2v-2h2v2zm-2-3V14c0-.87.39-1.57.83-2.11.43-.53.97-.97 1.4-1.32A2 2 0 0012 7a2 2 0 00-1.89 1.33l-.33.95-1.89-.67.34-.94a4 4 0 116.24 4.47 7 7 0 00-1.1 1.01c-.27.34-.37.61-.37.85v1.25h-2z"></path></svg></span></div><div class="t-input__help">自定义帮助icon</div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/validator-status.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__fail t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>失败</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">校验不通过，请输入正确内容</div></div></div><div class="t-form__item t-form-item__warning"><div class="t-form__label t-form__label--right" style="width:100px"><label>警告</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__success"><div class="t-form__label t-form__label--right" style="width:100px"><label>成功</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__failB"><div class="t-form__label t-form__label--right" style="width:100px"><label>失败</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="隐藏状态icon" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__warningB"><div class="t-form__label t-form__label--right" style="width:100px"><label>警告</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__loading"><div class="t-form__label t-form__label--right" style="width:100px"><label>加载中</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="正在校验中，请稍等" type="text" class="t-input__inner" value=""/></div></div><span class="t-form__status"><div class="t-loading t-loading--center" style="font-size:25px;color:#1890ff"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div><div class="t-form__item t-form-item__add t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>新增</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-form__status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle" style="color:unset;font-size:25px" name="add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span></div><div class="t-input__help">自定义新增icon</div></div></div><div class="t-form__item t-form-item__help t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>帮助</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-form__status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-help-circle" style="color:unset;font-size:25px" name="help-circle"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-10 6.25h-2v-2h2v2zm-2-3V14c0-.87.39-1.57.83-2.11.43-.53.97-.97 1.4-1.32A2 2 0 0012 7a2 2 0 00-1.89 1.33l-.33.95-1.89-.67.34-.94a4 4 0 116.24 4.47 7 7 0 00-1.1 1.01c-.27.34-.37.61-.37.85v1.25h-2z"></path></svg></span></div><div class="t-input__help">自定义帮助icon</div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/base.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>4</div></div><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>4</div></div><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>4</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-6 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>6</div></div><div class="t-col t-col-6 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>6</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-12 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>12</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/base.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>4</div></div><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>4</div></div><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>4</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-6 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>6</div></div><div class="t-col t-col-6 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>6</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-12 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>12</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/flex.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:2 2 auto"><div>2 / 5</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:3 3 auto"><div>3 / 5</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:0 0 100px"><div>100px</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><div>Fill Rest</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:1 1 200px"><div>1 1 200px</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:0 1 300px"><div>0 1 300px</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:none"><div style="padding:0 16px">none</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><div>auto with no-wrap</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/flex.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:2 2 auto"><div>2 / 5</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:3 3 auto"><div>3 / 5</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:0 0 100px"><div>100px</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><div>Fill Rest</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:1 1 200px"><div>1 1 200px</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:0 1 300px"><div>0 1 300px</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:none"><div style="padding:0 16px">none</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><div>auto with no-wrap</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/gutter.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:-8px;margin-right:-8px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:-12px;margin-right:-12px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:-8px;margin-right:-8px;row-gap:24px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/gutter.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:-8px;margin-right:-8px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:-12px;margin-right:-12px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:-8px;margin-right:-8px;row-gap:24px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/halign.tsx 1`] = `"<p>align left</p><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>align center</p><div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>align right</p><div class="t-row t-row--end t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>space-between</p><div class="t-row t-row--space-between t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>space-around</p><div class="t-row t-row--space-around t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/halign.tsx 1`] = `"<p>align left</p><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>align center</p><div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>align right</p><div class="t-row t-row--end t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>space-between</p><div class="t-row t-row--space-between t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>space-around</p><div class="t-row t-row--space-around t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/offset.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-4</div></div><div class="t-col t-col-4 t-col-offset-4 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-4</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-3 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-3 col-offset-3</div></div><div class="t-col t-col-3 t-col-offset-3 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-3 col-offset-3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-6 t-col-offset-2 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-6 col-offset-2</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/offset.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-4</div></div><div class="t-col t-col-4 t-col-offset-4 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-4</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-3 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-3 col-offset-3</div></div><div class="t-col t-col-3 t-col-offset-3 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-3 col-offset-3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-6 t-col-offset-2 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-6 col-offset-2</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/order.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px">通过 \`order\` 来改变元素的排序。</div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-4" style="padding-left:0px;padding-right:0px"><div>1 col-order-4</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-3" style="padding-left:0px;padding-right:0px"><div>2 col-order-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-2" style="padding-left:0px;padding-right:0px"><div>3 col-order-2</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-1" style="padding-left:0px;padding-right:0px"><div>4 col-order-1</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-1 t-col-sm-order-2 t-col-md-order-3 t-col-lg-order-4" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>1 col-order-responsive</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-2 t-col-sm-order-1 t-col-md-order-4 t-col-lg-order-3" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>2 col-order-responsive</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-3 t-col-sm-order-4 t-col-md-order-2 t-col-lg-order-1" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>3 col-order-responsive</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-4 t-col-sm-order-3 t-col-md-order-1 t-col-lg-order-2" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>4 col-order-responsive</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/order.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px">通过 \`order\` 来改变元素的排序。</div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-4" style="padding-left:0px;padding-right:0px"><div>1 col-order-4</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-3" style="padding-left:0px;padding-right:0px"><div>2 col-order-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-2" style="padding-left:0px;padding-right:0px"><div>3 col-order-2</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-1" style="padding-left:0px;padding-right:0px"><div>4 col-order-1</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-1 t-col-sm-order-2 t-col-md-order-3 t-col-lg-order-4" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>1 col-order-responsive</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-2 t-col-sm-order-1 t-col-md-order-4 t-col-lg-order-3" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>2 col-order-responsive</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-3 t-col-sm-order-4 t-col-md-order-2 t-col-lg-order-1" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>3 col-order-responsive</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-4 t-col-sm-order-3 t-col-md-order-1 t-col-lg-order-2" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>4 col-order-responsive</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/responsive.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><span>宽度响应式</span></div><div class="t-space-item"><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-2 t-col-sm-4 t-col-md-6 t-col-lg-8 t-col-xl-10" style="padding-left:0px;padding-right:0px" xs="2" sm="4" md="6" lg="8" xl="10"><div>Col</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-10 t-col-sm-8 t-col-md-6 t-col-lg-4 t-col-xl-2" style="padding-left:0px;padding-right:0px" xs="10" sm="8" md="6" lg="4" xl="2"><div>Col</div></div></div></div><div class="t-space-item"><span>其他属性响应式（支持span，offset，order，pull，push）</span></div><div class="t-space-item"><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-3 t-col-xs-offset-0 t-col-sm-3 t-col-sm-offset-2 t-col-md-3 t-col-md-offset-4 t-col-lg-3 t-col-lg-offset-6 t-col-xl-3 t-col-xl-offset-8" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]" xl="[object Object]"><div>Col</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/responsive.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><span>宽度响应式</span></div><div class="t-space-item"><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-2 t-col-sm-4 t-col-md-6 t-col-lg-8 t-col-xl-10" style="padding-left:0px;padding-right:0px" xs="2" sm="4" md="6" lg="8" xl="10"><div>Col</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-10 t-col-sm-8 t-col-md-6 t-col-lg-4 t-col-xl-2" style="padding-left:0px;padding-right:0px" xs="10" sm="8" md="6" lg="4" xl="2"><div>Col</div></div></div></div><div class="t-space-item"><span>其他属性响应式（支持span，offset，order，pull，push）</span></div><div class="t-space-item"><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-3 t-col-xs-offset-0 t-col-sm-3 t-col-sm-offset-2 t-col-md-3 t-col-md-offset-4 t-col-lg-3 t-col-lg-offset-6 t-col-xl-3 t-col-xl-offset-8" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]" xl="[object Object]"><div>Col</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/sort.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px">通过 \`pull\` \`push\` 进行排序</div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-9 t-col-offset-0 t-col-pull-0 t-col-push-3 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-9 col-push-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-9 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-3 col-pull-9</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-8 t-col-offset-0 t-col-pull-0 t-col-push-4 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-8 col-push-4</div></div><div class="t-col t-col-4 t-col-offset-0 t-col-pull-8 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-4 col-pull-8</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/sort.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px">通过 \`pull\` \`push\` 进行排序</div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-9 t-col-offset-0 t-col-pull-0 t-col-push-3 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-9 col-push-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-9 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-3 col-pull-9</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-8 t-col-offset-0 t-col-pull-0 t-col-push-4 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-8 col-push-4</div></div><div class="t-col t-col-4 t-col-offset-0 t-col-pull-8 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-4 col-pull-8</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/valign.tsx 1`] = `"<p>align top</p><div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div></div><p>Align Middle</p><div class="t-row t-row--space-around t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div></div><p>Align Bottom</p><div class="t-row t-row--space-between t-row--bottom" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/valign.tsx 1`] = `"<p>align top</p><div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div></div><p>Align Middle</p><div class="t-row t-row--space-around t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div></div><p>Align Bottom</p><div class="t-row t-row--space-between t-row--bottom" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/base.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/guide/_example/base.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/custom-popup.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/guide/_example/custom-popup.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/dialog.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/guide/_example/dialog.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/no-mask.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/guide/_example/no-mask.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/popup-dialog.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/guide/_example/popup-dialog.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/icon/_example/Enhanced.tsx 1`] = `"<div><svg class="t-icon cps-icon-home-sheep" style="margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep t-size-m" style="margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep t-size-l" style="margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep" style="font-size:25px"><use xlink:href="#cps-icon-home-sheep"></use></svg><br/><br/><svg class="t-icon cps-icon-home-sheep" style="color:red;margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep" style="color:green;margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep" style="color:orange;margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon t-icon-home"><use xlink:href="#t-icon-home"></use></svg></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/icon/_example/Enhanced.tsx 1`] = `"<div><svg class="t-icon cps-icon-home-sheep" style="margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep t-size-m" style="margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep t-size-l" style="margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep" style="font-size:25px"><use xlink:href="#cps-icon-home-sheep"></use></svg><br/><br/><svg class="t-icon cps-icon-home-sheep" style="color:red;margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep" style="color:green;margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep" style="color:orange;margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon t-icon-home"><use xlink:href="#t-icon-home"></use></svg></div>"`;
 
-exports[`ssr snapshot test > ssr test src/icon/_example/IconExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="color:var(--td-brand-color);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-t"><path fill="currentColor" d="M6.5 4h11v2H13v14h-2V6H6.5V4z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-d"><path fill="currentColor" d="M7 4h8a2 2 0 012 2v12a2 2 0 01-2 2H7V4zm2 2v12h6V6H9z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-e"><path fill="currentColor" d="M7 6c0-1.1.9-2 2-2h8v2H9v5h8v2H9v5h8v2H9a2 2 0 01-2-2V6z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-s"><path fill="currentColor" d="M7.5 6c0-1.1.9-2 2-2H16v2H9.5v5h5a2 2 0 012 2v5a2 2 0 01-2 2H8v-2h6.5v-5h-5a2 2 0 01-2-2V6z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-i"><path fill="currentColor" d="M8.5 4h7v2H13v12h2.5v2h-7v-2H11V6H8.5V4z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-g"><path fill="currentColor" d="M16 4H8.5C7.67 4 7 4.67 7 5.5v13c0 .83.67 1.5 1.5 1.5H17v-9h-5.2v2H15v5H9V6h7V4z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-n"><path fill="currentColor" d="M8.5 20V6h7v14h2V6a2 2 0 00-2-2h-9v16h2z"></path></svg></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-checkbox"><path fill="currentColor" d="M2 2h13v5.5h-2V4H4v9h3.5v2H2V2zm7 7h13v13H9V9zm2 2v9h9v-9h-9zm8.41 3L15 18.41l-2.91-2.91 1.41-1.41 1.5 1.5 3-3L19.41 14z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-breadcrumb"><path fill="currentColor" d="M2 6.5v11h7.91l5.5-5.5-5.5-5.5H2zm2 2h5.09l3.5 3.5-3.5 3.5H4v-7zm10.59-1l4.5 4.5-4.5 4.5L16 17.91 21.91 12 16 6.09 14.59 7.5z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-input"><path fill="currentColor" d="M2 7h20v9H2V7zm2 2v5h16V9H4zm4 1v3H6v-3h2z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-switch"><path fill="currentColor" d="M7.5 8.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7zm4.24 0a5.48 5.48 0 010 7h4.76a3.5 3.5 0 100-7h-4.76zM2 12a5.5 5.5 0 015.5-5.5h9a5.5 5.5 0 110 11h-9A5.5 5.5 0 012 12z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-dropdown"><path fill="currentColor" d="M2 2h20v7H2V2zm2 2v3h16V4H4zm0 7v9h16v-9h2v11H2V11h2zm2 1h12v2H6v-2zm0 4h12v2H6v-2z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-radio"><path fill="currentColor" d="M12 4a8 8 0 100 16 8 8 0 000-16zM2 12a10 10 0 1120 0 10 10 0 01-20 0zm10-4a4 4 0 100 8 4 4 0 000-8zm-6 4a6 6 0 1112 0 6 6 0 01-12 0z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-steps"><path fill="currentColor" d="M1 12a3.5 3.5 0 016.86-1h.78a3.5 3.5 0 016.72 0h.78a3.5 3.5 0 110 2h-.78a3.5 3.5 0 01-6.72 0h-.78A3.5 3.5 0 011 12zm3.5-1.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm7.5 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm7.5 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3z"></path></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/icon/_example/IconExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="color:var(--td-brand-color);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-t"><path fill="currentColor" d="M6.5 4h11v2H13v14h-2V6H6.5V4z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-d"><path fill="currentColor" d="M7 4h8a2 2 0 012 2v12a2 2 0 01-2 2H7V4zm2 2v12h6V6H9z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-e"><path fill="currentColor" d="M7 6c0-1.1.9-2 2-2h8v2H9v5h8v2H9v5h8v2H9a2 2 0 01-2-2V6z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-s"><path fill="currentColor" d="M7.5 6c0-1.1.9-2 2-2H16v2H9.5v5h5a2 2 0 012 2v5a2 2 0 01-2 2H8v-2h6.5v-5h-5a2 2 0 01-2-2V6z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-i"><path fill="currentColor" d="M8.5 4h7v2H13v12h2.5v2h-7v-2H11V6H8.5V4z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-g"><path fill="currentColor" d="M16 4H8.5C7.67 4 7 4.67 7 5.5v13c0 .83.67 1.5 1.5 1.5H17v-9h-5.2v2H15v5H9V6h7V4z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-n"><path fill="currentColor" d="M8.5 20V6h7v14h2V6a2 2 0 00-2-2h-9v16h2z"></path></svg></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-checkbox"><path fill="currentColor" d="M2 2h13v5.5h-2V4H4v9h3.5v2H2V2zm7 7h13v13H9V9zm2 2v9h9v-9h-9zm8.41 3L15 18.41l-2.91-2.91 1.41-1.41 1.5 1.5 3-3L19.41 14z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-breadcrumb"><path fill="currentColor" d="M2 6.5v11h7.91l5.5-5.5-5.5-5.5H2zm2 2h5.09l3.5 3.5-3.5 3.5H4v-7zm10.59-1l4.5 4.5-4.5 4.5L16 17.91 21.91 12 16 6.09 14.59 7.5z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-input"><path fill="currentColor" d="M2 7h20v9H2V7zm2 2v5h16V9H4zm4 1v3H6v-3h2z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-switch"><path fill="currentColor" d="M7.5 8.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7zm4.24 0a5.48 5.48 0 010 7h4.76a3.5 3.5 0 100-7h-4.76zM2 12a5.5 5.5 0 015.5-5.5h9a5.5 5.5 0 110 11h-9A5.5 5.5 0 012 12z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-dropdown"><path fill="currentColor" d="M2 2h20v7H2V2zm2 2v3h16V4H4zm0 7v9h16v-9h2v11H2V11h2zm2 1h12v2H6v-2zm0 4h12v2H6v-2z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-radio"><path fill="currentColor" d="M12 4a8 8 0 100 16 8 8 0 000-16zM2 12a10 10 0 1120 0 10 10 0 01-20 0zm10-4a4 4 0 100 8 4 4 0 000-8zm-6 4a6 6 0 1112 0 6 6 0 01-12 0z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-steps"><path fill="currentColor" d="M1 12a3.5 3.5 0 016.86-1h.78a3.5 3.5 0 016.72 0h.78a3.5 3.5 0 110 2h-.78a3.5 3.5 0 01-6.72 0h-.78A3.5 3.5 0 011 12zm3.5-1.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm7.5 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm7.5 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3z"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/icon/_example/IconFontEnhanced.tsx 1`] = `"<div><i style="margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i style="margin-right:8px" class="cps-icon cps-icon-home-sheep t-size-m"></i><i style="margin-right:8px" class="cps-icon cps-icon-home-sheep t-size-l"></i><i style="font-size:25px" class="cps-icon cps-icon-home-sheep"></i><br/><br/><i style="color:red;margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i style="color:green;margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i style="color:orange;margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i class="t-icon-home t-icon"></i></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/icon/_example/IconFontEnhanced.tsx 1`] = `"<div><i style="margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i style="margin-right:8px" class="cps-icon cps-icon-home-sheep t-size-m"></i><i style="margin-right:8px" class="cps-icon cps-icon-home-sheep t-size-l"></i><i style="font-size:25px" class="cps-icon cps-icon-home-sheep"></i><br/><br/><i style="color:red;margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i style="color:green;margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i style="color:orange;margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i class="t-icon-home t-icon"></i></div>"`;
 
-exports[`ssr snapshot test > ssr test src/icon/_example/IconFontExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How do you feel today?</p></div><div class="t-space-item"><i class="t-icon t-icon-sneer"></i></div><div class="t-space-item"><i class="t-icon t-icon-unhappy"></i></div><div class="t-space-item"><i class="t-icon t-icon-excited"></i></div><div class="t-space-item"><i class="t-icon t-icon-surprised"></i></div><div class="t-space-item"><i class="t-icon t-icon-giggle"></i></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal t-space--break-line"><div class="t-space-item"><p>What is your favourite food?</p></div><div class="t-space-item"><i style="color:orange" class="t-icon t-icon-tangerinr"></i></div><div class="t-space-item"><i style="color:green" class="t-icon t-icon-bamboo-shoot"></i></div><div class="t-space-item"><i style="color:red" class="t-icon t-icon-apple"></i></div><div class="t-space-item"><i style="color:#0052D9" class="t-icon t-icon-milk"></i></div><div class="t-space-item"><i style="color:pink" class="t-icon t-icon-peach"></i></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How much icons does TDesign Icon includes?</p></div><div class="t-space-item"><i style="color:var(--td-brand-color-5)" class="t-icon t-icon-numbers-1"></i></div><div class="t-space-item"><i style="color:var(--td-brand-color-6)" class="t-icon t-icon-numbers-2"></i></div><div class="t-space-item"><i style="color:var(--td-brand-color-7)" class="t-icon t-icon-numbers-0"></i></div><div class="t-space-item"><i style="color:var(--td-brand-color-8)" class="t-icon t-icon-numbers-3"></i></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/icon/_example/IconFontExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How do you feel today?</p></div><div class="t-space-item"><i class="t-icon t-icon-sneer"></i></div><div class="t-space-item"><i class="t-icon t-icon-unhappy"></i></div><div class="t-space-item"><i class="t-icon t-icon-excited"></i></div><div class="t-space-item"><i class="t-icon t-icon-surprised"></i></div><div class="t-space-item"><i class="t-icon t-icon-giggle"></i></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal t-space--break-line"><div class="t-space-item"><p>What is your favourite food?</p></div><div class="t-space-item"><i style="color:orange" class="t-icon t-icon-tangerinr"></i></div><div class="t-space-item"><i style="color:green" class="t-icon t-icon-bamboo-shoot"></i></div><div class="t-space-item"><i style="color:red" class="t-icon t-icon-apple"></i></div><div class="t-space-item"><i style="color:#0052D9" class="t-icon t-icon-milk"></i></div><div class="t-space-item"><i style="color:pink" class="t-icon t-icon-peach"></i></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How much icons does TDesign Icon includes?</p></div><div class="t-space-item"><i style="color:var(--td-brand-color-5)" class="t-icon t-icon-numbers-1"></i></div><div class="t-space-item"><i style="color:var(--td-brand-color-6)" class="t-icon t-icon-numbers-2"></i></div><div class="t-space-item"><i style="color:var(--td-brand-color-7)" class="t-icon t-icon-numbers-0"></i></div><div class="t-space-item"><i style="color:var(--td-brand-color-8)" class="t-icon t-icon-numbers-3"></i></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/icon/_example/IconSelect.tsx 1`] = `"<div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg class="t-icon t-icon-edit-1" style="margin-right:8px"><use xlink:href="#t-icon-edit-1"></use></svg></span><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/icon/_example/IconSelect.tsx 1`] = `"<div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg class="t-icon t-icon-edit-1" style="margin-right:8px"><use xlink:href="#t-icon-edit-1"></use></svg></span><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/icon/_example/SvgSpriteExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How do you feel today?</p></div><div class="t-space-item"><svg class="t-icon t-icon-sneer"><use xlink:href="#t-icon-sneer"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-unhappy"><use xlink:href="#t-icon-unhappy"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-excited"><use xlink:href="#t-icon-excited"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-surprised"><use xlink:href="#t-icon-surprised"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-giggle"><use xlink:href="#t-icon-giggle"></use></svg></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal t-space--break-line"><div class="t-space-item"><p>What is your favourite food?</p></div><div class="t-space-item"><svg class="t-icon t-icon-tangerinr" color="orange"><use xlink:href="#t-icon-tangerinr"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-bamboo-shoot" color="green"><use xlink:href="#t-icon-bamboo-shoot"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-apple" color="red"><use xlink:href="#t-icon-apple"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-milk" color="#0052D9"><use xlink:href="#t-icon-milk"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-peach" color="pink"><use xlink:href="#t-icon-peach"></use></svg></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How much icons does TDesign Icon includes?</p></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-1" style="color:var(--td-brand-color-5)"><use xlink:href="#t-icon-numbers-1"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-2" style="color:var(--td-brand-color-6)"><use xlink:href="#t-icon-numbers-2"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-0" style="color:var(--td-brand-color-7)"><use xlink:href="#t-icon-numbers-0"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-3" style="color:var(--td-brand-color-8)"><use xlink:href="#t-icon-numbers-3"></use></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/icon/_example/SvgSpriteExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How do you feel today?</p></div><div class="t-space-item"><svg class="t-icon t-icon-sneer"><use xlink:href="#t-icon-sneer"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-unhappy"><use xlink:href="#t-icon-unhappy"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-excited"><use xlink:href="#t-icon-excited"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-surprised"><use xlink:href="#t-icon-surprised"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-giggle"><use xlink:href="#t-icon-giggle"></use></svg></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal t-space--break-line"><div class="t-space-item"><p>What is your favourite food?</p></div><div class="t-space-item"><svg class="t-icon t-icon-tangerinr" color="orange"><use xlink:href="#t-icon-tangerinr"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-bamboo-shoot" color="green"><use xlink:href="#t-icon-bamboo-shoot"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-apple" color="red"><use xlink:href="#t-icon-apple"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-milk" color="#0052D9"><use xlink:href="#t-icon-milk"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-peach" color="pink"><use xlink:href="#t-icon-peach"></use></svg></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How much icons does TDesign Icon includes?</p></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-1" style="color:var(--td-brand-color-5)"><use xlink:href="#t-icon-numbers-1"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-2" style="color:var(--td-brand-color-6)"><use xlink:href="#t-icon-numbers-2"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-0" style="color:var(--td-brand-color-7)"><use xlink:href="#t-icon-numbers-0"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-3" style="color:var(--td-brand-color-8)"><use xlink:href="#t-icon-numbers-3"></use></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/avif.tsx 1`] = `"<div class="t-image__wrapper t-image__wrapper--shape-square" style="max-width:100%"><picture><source type="image/avif" srcSet="https://tdesign.gtimg.com/img/tdesign-image.avif"/><source type="image/webp" srcSet="https://tdesign.gtimg.com/img/tdesign-image.webp"/><img src="https://tdesign.gtimg.com/img/tdesign-image.avif" class="t-image t-image--fit-scale-down t-image--position-center"/></picture><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/avif.tsx 1`] = `"<div class="t-image__wrapper t-image__wrapper--shape-square" style="max-width:100%"><picture><source type="image/avif" srcSet="https://tdesign.gtimg.com/img/tdesign-image.avif"/><source type="image/webp" srcSet="https://tdesign.gtimg.com/img/tdesign-image.webp"/><img src="https://tdesign.gtimg.com/img/tdesign-image.avif" class="t-image t-image--fit-scale-down t-image--position-center"/></picture><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/extra-always.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong style="font-size:20px">有遮罩</strong></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content"><div style="background:rgba(0,0,0,.4);height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:22"><div class="t-tag t-tag--warning t-tag--dark t-tag--mark" style="border-radius:3px;background:transparent;color:#fff"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-print" style="font-size:16px"><path fill="currentColor" d="M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z"></path></svg> 高清</span></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong style="font-size:20px">无遮罩</strong></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content"><div class="t-tag t-tag--warning t-tag--dark t-tag--mark" style="position:absolute;right:8px;bottom:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-print" style="font-size:16px"><path fill="currentColor" d="M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z"></path></svg> 高清</span></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/extra-always.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong style="font-size:20px">有遮罩</strong></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content"><div style="background:rgba(0,0,0,.4);height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:22"><div class="t-tag t-tag--warning t-tag--dark t-tag--mark" style="border-radius:3px;background:transparent;color:#fff"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-print" style="font-size:16px"><path fill="currentColor" d="M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z"></path></svg> 高清</span></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong style="font-size:20px">无遮罩</strong></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content"><div class="t-tag t-tag--warning t-tag--dark t-tag--mark" style="position:absolute;right:8px;bottom:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-print" style="font-size:16px"><path fill="currentColor" d="M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z"></path></svg> 高清</span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/extra-hover.tsx 1`] = `"<div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.4);color:#fff;height:100%;display:flex;align-items:center;justify-content:center">预览</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/extra-hover.tsx 1`] = `"<div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.4);color:#fff;height:100%;display:flex;align-items:center;justify-content:center">预览</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/fill-mode.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">fill</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-none t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">none</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-scale-down t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">scale-down</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/fill-mode.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">fill</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-none t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">none</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-scale-down t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">scale-down</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/fill-position.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover center</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-left"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover left</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-right"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover right</div></div></div></div></div><div class="t-space-item"><div style="margin-top:20px;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-top"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover top</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-bottom"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover bottom</div></div></div></div></div><div class="t-space-item"><div style="margin-top:20px;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:200px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-top"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain top</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:200px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-bottom"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain bottom</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:200px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain center</div></div></div><div class="t-space-item"><div style="margin-top:20px;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-left"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain left</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-right"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain right</div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/fill-position.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover center</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-left"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover left</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-right"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover right</div></div></div></div></div><div class="t-space-item"><div style="margin-top:20px;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-top"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover top</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-bottom"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover bottom</div></div></div></div></div><div class="t-space-item"><div style="margin-top:20px;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:200px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-top"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain top</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:200px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-bottom"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain bottom</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:200px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain center</div></div></div><div class="t-space-item"><div style="margin-top:20px;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-left"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain left</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-right"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain right</div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/gallery-cover.tsx 1`] = `"<div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--gallery" style="width:284px;height:160px"><div class="t-image__gallery-shadow"></div><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content"><div class="t-tag t-tag--warning t-tag--dark t-tag--mark" style="margin:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)"><span title="标签一">标签一</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/gallery-cover.tsx 1`] = `"<div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--gallery" style="width:284px;height:160px"><div class="t-image__gallery-shadow"></div><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content"><div class="t-tag t-tag--warning t-tag--dark t-tag--mark" style="margin:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)"><span title="标签一">标签一</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/lazy-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="height:240px;overflow-y:scroll;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/lazy-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="height:240px;overflow-y:scroll;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/lazy-single.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><div class="t-image__placeholder"><img width="100%" height="100%" src="https://tdesign.gtimg.com/demo/demo-image-5.png"/></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/lazy-single.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><div class="t-image__placeholder"><img width="100%" height="100%" src="https://tdesign.gtimg.com/demo/demo-image-5.png"/></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/placeholder.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div><h3 style="margin-bottom:15px">加载中的图片</h3><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">默认占位</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 loading</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">自定义占位</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image-error" style="font-size:24px"><path fill="currentColor" d="M2 2h20v10h-2V4H4v9.59l5-5L14.41 14 13 15.41l-4-4-5 5V20h8v2H2V2zm13.55 5a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0zm3.62 6.76L19 17.59l2.83-2.83 1.41 1.41L20.41 19l2.83 2.83-1.41 1.41L19 20.41l-2.83 2.83-1.41-1.41L17.59 19l-2.83-2.83 1.41-1.41z"></path></svg></div></div></div></div></div></div></div></div><div class="t-space-item"><div><h3 style="margin-bottom:15px">加载失败的图片</h3><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">默认错误</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="error url" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 error</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">自定义错误</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="error url" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/placeholder.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div><h3 style="margin-bottom:15px">加载中的图片</h3><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">默认占位</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 loading</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">自定义占位</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image-error" style="font-size:24px"><path fill="currentColor" d="M2 2h20v10h-2V4H4v9.59l5-5L14.41 14 13 15.41l-4-4-5 5V20h8v2H2V2zm13.55 5a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0zm3.62 6.76L19 17.59l2.83-2.83 1.41 1.41L20.41 19l2.83 2.83-1.41 1.41L19 20.41l-2.83 2.83-1.41-1.41L17.59 19l-2.83-2.83 1.41-1.41z"></path></svg></div></div></div></div></div></div></div></div><div class="t-space-item"><div><h3 style="margin-bottom:15px">加载失败的图片</h3><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">默认错误</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="error url" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 error</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">自定义错误</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="error url" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:160px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">square</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-round" style="width:160px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">round</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-circle" style="width:160px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">circle</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:160px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">square</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-round" style="width:160px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">round</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-circle" style="width:160px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">circle</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/album.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:240px;height:240px;background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div><div style="width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);box-sizing:border-box;z-index:1"><span>相册封面标题</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/album.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:240px;height:240px;background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div><div style="width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);box-sizing:border-box;z-index:1"><span>相册封面标题</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/albumIcons.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:240px;height:240px;background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div><div style="width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);display:flex;box-sizing:border-box;z-index:1"><span style="flex:1">相册封面标题</span><span style="cursor:pointer"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="font-size:16px"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/albumIcons.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:240px;height:240px;background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div><div style="width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);display:flex;box-sizing:border-box;z-index:1"><span style="flex:1">相册封面标题</span><span style="cursor:pointer"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="font-size:16px"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/block.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/block.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/button.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">预览单张图片</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/button.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">预览单张图片</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/error.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-error1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-error2.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-error3.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/error.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-error1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-error2.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-error3.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/modeless.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/modeless.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/multiple.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-3.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/multiple.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-3.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/svg.tsx 1`] = `"<div><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/tdesign-logo.svg" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/svg.tsx 1`] = `"<div><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/tdesign-logo.svg" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/addon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入域名" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入域名" type="text" class="t-input__inner" value=""/></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">.com</span></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/addon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入域名" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入域名" type="text" class="t-input__inner" value=""/></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">.com</span></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/align.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="居左对齐"/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" value="居中对齐"/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-right"><input placeholder="please enter" type="text" class="t-input__inner" value="居右对齐"/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/align.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="居左对齐"/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" value="居中对齐"/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-right"><input placeholder="please enter" type="text" class="t-input__inner" value="居右对齐"/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/auto-width.tsx 1`] = `"<div style="max-width:500px"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="宽度自适应"/><span class="t-input__input-pre">宽度自适应</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/auto-width.tsx 1`] = `"<div style="max-width:500px"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="宽度自适应"/><span class="t-input__input-pre">宽度自适应</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/base.tsx 1`] = `"<div style="width:500px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容（无默认值）" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="Welcome to TDesign" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容（有默认值）" type="text" class="t-input__inner" value="Welcome to TDesign"/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/base.tsx 1`] = `"<div style="width:500px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容（无默认值）" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="Welcome to TDesign" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容（有默认值）" type="text" class="t-input__inner" value="Welcome to TDesign"/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/borderless.tsx 1`] = `"<div style="width:500px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please input" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--borderless"><input placeholder="borderless input" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/borderless.tsx 1`] = `"<div style="width:500px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please input" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--borderless"><input placeholder="borderless input" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/clearable.tsx 1`] = `"<div class="t-input__wrap" value="Hello TDesign" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="Hello TDesign"/></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/clearable.tsx 1`] = `"<div class="t-input__wrap" value="Hello TDesign" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="Hello TDesign"/></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/disabled.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" disabled="" value="禁用状态"/></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/disabled.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" disabled="" value="禁用状态"/></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/format.tsx 1`] = `"<div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入数字" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--default">请输入数字</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/format.tsx 1`] = `"<div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入数字" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--default">请输入数字</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-group t-input-group--separate"><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="0731"/></div></div><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="12345677"/></div></div></div></div><div class="t-space-item"><div class="t-input-group t-input-group--separate"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-group t-input-group--separate"><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="0731"/></div></div><span style="line-height:32px"> - </span><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="12345"/></div></div><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="678901"/></div></div><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-group t-input-group--separate"><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="0731"/></div></div><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="12345677"/></div></div></div></div><div class="t-space-item"><div class="t-input-group t-input-group--separate"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-group t-input-group--separate"><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="0731"/></div></div><span style="line-height:32px"> - </span><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="12345"/></div></div><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="678901"/></div></div><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/max-length-count.tsx 1`] = `"<div style="width:500px;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="内置字数限制，最大文本长度为10" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><div class="t-input__limit-number">0/10</div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="内置字数限制，最大字符数量限制，一个中文字等于两个字符" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><div class="t-input__limit-number">0/10</div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="内置字数限制，字数超出时允许继续输入" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><div class="t-input__limit-number">0/5</div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="自定义字数限制文本" type="text" class="t-input__inner" value=""/><div class="t-input__suffix">0/5</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/max-length-count.tsx 1`] = `"<div style="width:500px;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="内置字数限制，最大文本长度为10" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><div class="t-input__limit-number">0/10</div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="内置字数限制，最大字符数量限制，一个中文字等于两个字符" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><div class="t-input__limit-number">0/10</div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="内置字数限制，字数超出时允许继续输入" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><div class="t-input__limit-number">0/5</div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="自定义字数限制文本" type="text" class="t-input__inner" value=""/><div class="t-input__suffix">0/5</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/password.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span><input placeholder="请输入" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span><input placeholder="请输入" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/password.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span><input placeholder="请输入" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span><input placeholder="请输入" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/size.tsx 1`] = `"<div style="width:500px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-size-l t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/size.tsx 1`] = `"<div style="width:500px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-size-l t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/status.tsx 1`] = `"<div style="gap:50px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:28px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="禁用状态" type="text" class="t-input__inner" disabled="" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="只读状态" type="text" class="t-input__inner" readonly="" value=""/></div></div></div></div></div><div class="t-space-item"><div style="gap:28px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-success"><input placeholder="成功状态" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning"><input placeholder="警告状态" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-error"><input placeholder="错误状态" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div style="gap:28px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="普通状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--default">这是普通文本提示</div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-success"><input placeholder="成功状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning"><input placeholder="警告状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-error"><input placeholder="错误状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/status.tsx 1`] = `"<div style="gap:50px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:28px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="禁用状态" type="text" class="t-input__inner" disabled="" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="只读状态" type="text" class="t-input__inner" readonly="" value=""/></div></div></div></div></div><div class="t-space-item"><div style="gap:28px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-success"><input placeholder="成功状态" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning"><input placeholder="警告状态" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-error"><input placeholder="错误状态" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div style="gap:28px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="普通状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--default">这是普通文本提示</div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-success"><input placeholder="成功状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning"><input placeholder="警告状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-error"><input placeholder="错误状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/textarea.tsx 1`] = `"<div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/textarea.tsx 1`] = `"<div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-adornment/_example/select.tsx 1`] = `"<div style="gap:16px" class="t-space adornment-select t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-input-adornment__append"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><span class="t-input-adornment__append"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-adornment/_example/select.tsx 1`] = `"<div style="gap:16px" class="t-space adornment-select t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-input-adornment__append"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><span class="t-input-adornment__append"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-adornment/_example/text.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"></div><input placeholder="please enter" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">please enter</span></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">.com</span></span></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">.com</span></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-adornment/_example/text.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"></div><input placeholder="please enter" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">please enter</span></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">.com</span></span></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">.com</span></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/align.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/align.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/auto-width.tsx 1`] = `"<div class="t-input-number t-size-m t-input-number--row t-input-number--auto-width"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">please enter</span></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/auto-width.tsx 1`] = `"<div class="t-input-number t-size-m t-input-number--row t-input-number--auto-width"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">please enter</span></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/center.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row t-input-number--auto-width"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">please enter</span></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:250px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><div class="t-input__suffix">个</div></div></div><button type="button" class="t-input-number__increase t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/center.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row t-input-number--auto-width"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">please enter</span></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:250px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><div class="t-input__suffix">个</div></div></div><button type="button" class="t-input-number__increase t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/default.tsx 1`] = `"<div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/default.tsx 1`] = `"<div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/format.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:250px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:250px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/format.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:250px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:250px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/large-number.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:350px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:350px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/large-number.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:350px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:350px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/left.tsx 1`] = `"<div class="t-input-number t-size-m t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-m"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-m"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/left.tsx 1`] = `"<div class="t-input-number t-size-m t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-m"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-m"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/normal.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right t-input--prefix t-input--suffix"><div class="t-input__prefix">机器：</div><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><div class="t-input__suffix">台</div></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right t-input--prefix t-input--suffix"><div class="t-input__prefix"><span>金额：</span></div><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><div class="t-input__suffix"><span>元</span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/normal.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right t-input--prefix t-input--suffix"><div class="t-input__prefix">机器：</div><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><div class="t-input__suffix">台</div></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right t-input--prefix t-input--suffix"><div class="t-input__prefix"><span>金额：</span></div><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><div class="t-input__suffix"><span>元</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-s t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-s"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-s"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-l t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-l"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-l"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-s t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-s"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-s"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-m"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-m"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-l t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-l"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-l"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-l t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-s t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-s"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-s"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-l t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-l"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-l"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-s t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-s"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-s"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-m"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-m"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-l t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-l"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-l"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-l t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;hide&#x27;" value="hide"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">隐藏文本提示</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;align-left&#x27;" value="align-left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">文本提示左对齐</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;align-input&#x27;" checked="" value="align-input"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">文本提示对齐输入框</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>正常提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--default">这是普通文本提示</div></div></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>成功提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-success"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>警告提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-warning"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>错误提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-error"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;hide&#x27;" value="hide"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">隐藏文本提示</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;align-left&#x27;" value="align-left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">文本提示左对齐</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;align-input&#x27;" checked="" value="align-input"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">文本提示对齐输入框</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>正常提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--default">这是普通文本提示</div></div></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>成功提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-success"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>警告提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-warning"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>错误提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-error"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/step.tsx 1`] = `"<div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/step.tsx 1`] = `"<div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/layout/_example/aside.tsx 1`] = `"<h4>侧边导航布局</h4><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px"><div class="t-default-menu" style="width:100%;height:100%;box-shadow:none"><div class="t-default-menu__inner"><div class="t-menu__logo"><img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容一</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容二</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容三</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容四</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容无</span></li></ul></div></div></aside><div class="t-layout"><main class="t-layout__content"><div>Content</div></main><footer class="t-layout__footer">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/layout/_example/aside.tsx 1`] = `"<h4>侧边导航布局</h4><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px"><div class="t-default-menu" style="width:100%;height:100%;box-shadow:none"><div class="t-default-menu__inner"><div class="t-menu__logo"><img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容一</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容二</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容三</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容四</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容无</span></li></ul></div></div></aside><div class="t-layout"><main class="t-layout__content"><div>Content</div></main><footer class="t-layout__footer">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/layout/_example/base.tsx 1`] = `"<h4>顶部导航布局</h4><div class="t-layout"><header class="t-layout__header">Header</header><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><br/><h4>侧边导航布局</h4><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px">Aside</aside><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div><br/><h4>组合导航布局</h4><div class="t-layout"><header class="t-layout__header">Header</header><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px">Aside</aside><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div><br/><div class="t-layout"><header class="t-layout__header">Header</header><div class="t-layout t-layout--with-sider"><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px">Aside</aside></div></div><br/><div class="t-layout"><header class="t-layout__header">Header</header><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:80px;max-width:80px;min-width:80px;flex:0 0 80px">Aside</aside><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/layout/_example/base.tsx 1`] = `"<h4>顶部导航布局</h4><div class="t-layout"><header class="t-layout__header">Header</header><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><br/><h4>侧边导航布局</h4><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px">Aside</aside><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div><br/><h4>组合导航布局</h4><div class="t-layout"><header class="t-layout__header">Header</header><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px">Aside</aside><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div><br/><div class="t-layout"><header class="t-layout__header">Header</header><div class="t-layout t-layout--with-sider"><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px">Aside</aside></div></div><br/><div class="t-layout"><header class="t-layout__header">Header</header><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:80px;max-width:80px;min-width:80px;flex:0 0 80px">Aside</aside><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/layout/_example/combine.tsx 1`] = `"<div class="tdesign-demo-item--layout"><div class="t-layout"><header class="t-layout__header"><div class="t-head-menu t-menu--light"><div class="t-head-menu__inner"><div class="t-menu__logo"><img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content">已选内容</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容一</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容二</span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">菜单内容三</span></li></ul><div class="t-menu__operations"><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search t-menu__operations-icon"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon"><path fill="currentColor" d="M8.64 20.5a3.5 3.5 0 006.72 0H8.64zM3 19.5h18v-3l-2-3v-5a7 7 0 10-14 0v5l-2 3v3z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon"><path fill="currentColor" d="M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z"></path></svg></div></div></div></div></header><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px;border-top:1px solid var(--component-border)"><div class="t-default-menu" style="width:232px;margin-right:50px;height:550px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-dashboard"><path fill="currentColor" d="M12 3a9 9 0 00-4.5 16.8l.87.5-1 1.73-.87-.5a11 11 0 018.95-19.98l.95.31-.63 1.9-.95-.3A9 9 0 0012 3zm8.98 1.41l-5.54 5.55a4 4 0 11-1.42-1.4l5.55-5.56 1.41 1.41zm1.16 3.2l.3.94a11 11 0 01-4.94 12.98l-.86.5-1-1.73.86-.5a9 9 0 004.05-10.62l-.31-.95 1.9-.63zM12 10a2 2 0 100 4 2 2 0 000-4z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-server"><path fill="currentColor" d="M22 13v9H2v-9h20zm-2 2H4v5h16v-5zm2-13v9H2V2h20zm-2 2H4v5h16V4zM7.5 16.5v2h-2v-2h2zm0-11v2h-2v-2h2z"></path></svg><span class="t-menu__content">资源列表</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-root-list"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm2 3.5h12v2H6v-2zm0 4h8v2H6v-2z"></path></svg>根目录</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg><span class="t-menu__content">调度平台</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-precise-monitor"><path fill="currentColor" d="M13 2v6h-2V2h2zm-9 .59L9.91 8.5 8.5 9.91 2.59 4 4 2.59zM21.41 4L15.5 9.91 14.09 8.5 20 2.59 21.41 4zm-11.14 7a2 2 0 110 2H2v-2h8.27zM16 11h6v2h-6v-2zm-6.09 4.5L4 21.41 2.59 20l5.91-5.91 1.41 1.41zm5.59-1.41L21.41 20 20 21.41l-5.91-5.91 1.41-1.41zM13 16v6h-2v-6h2z"></path></svg><span class="t-menu__content">精准监控</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content">消息区</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-circle"><path fill="currentColor" d="M12 3a9 9 0 00-7.23 14.37A5 5 0 019.5 14h5a5 5 0 014.73 3.37A9 9 0 0012 3zm5.5 16.12V19a3 3 0 00-3-3h-5a3 3 0 00-3 3v.12a8.96 8.96 0 0011 0zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm11-6a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 8.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0z"></path></svg><span class="t-menu__content">个人中心</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-play-circle"><path fill="currentColor" d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0z"></path><path fill="currentColor" d="M18.25 12L8.5 17.63V6.37L18.25 12z"></path></svg><span class="t-menu__content">视频区</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg><span class="t-menu__content">资源编辑</span></li></ul></div></div></aside><div class="t-layout"><main class="t-layout__content"><div>Content</div></main><footer class="t-layout__footer">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/layout/_example/combine.tsx 1`] = `"<div class="tdesign-demo-item--layout"><div class="t-layout"><header class="t-layout__header"><div class="t-head-menu t-menu--light"><div class="t-head-menu__inner"><div class="t-menu__logo"><img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content">已选内容</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容一</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容二</span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">菜单内容三</span></li></ul><div class="t-menu__operations"><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search t-menu__operations-icon"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon"><path fill="currentColor" d="M8.64 20.5a3.5 3.5 0 006.72 0H8.64zM3 19.5h18v-3l-2-3v-5a7 7 0 10-14 0v5l-2 3v3z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon"><path fill="currentColor" d="M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z"></path></svg></div></div></div></div></header><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px;border-top:1px solid var(--component-border)"><div class="t-default-menu" style="width:232px;margin-right:50px;height:550px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-dashboard"><path fill="currentColor" d="M12 3a9 9 0 00-4.5 16.8l.87.5-1 1.73-.87-.5a11 11 0 018.95-19.98l.95.31-.63 1.9-.95-.3A9 9 0 0012 3zm8.98 1.41l-5.54 5.55a4 4 0 11-1.42-1.4l5.55-5.56 1.41 1.41zm1.16 3.2l.3.94a11 11 0 01-4.94 12.98l-.86.5-1-1.73.86-.5a9 9 0 004.05-10.62l-.31-.95 1.9-.63zM12 10a2 2 0 100 4 2 2 0 000-4z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-server"><path fill="currentColor" d="M22 13v9H2v-9h20zm-2 2H4v5h16v-5zm2-13v9H2V2h20zm-2 2H4v5h16V4zM7.5 16.5v2h-2v-2h2zm0-11v2h-2v-2h2z"></path></svg><span class="t-menu__content">资源列表</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-root-list"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm2 3.5h12v2H6v-2zm0 4h8v2H6v-2z"></path></svg>根目录</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg><span class="t-menu__content">调度平台</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-precise-monitor"><path fill="currentColor" d="M13 2v6h-2V2h2zm-9 .59L9.91 8.5 8.5 9.91 2.59 4 4 2.59zM21.41 4L15.5 9.91 14.09 8.5 20 2.59 21.41 4zm-11.14 7a2 2 0 110 2H2v-2h8.27zM16 11h6v2h-6v-2zm-6.09 4.5L4 21.41 2.59 20l5.91-5.91 1.41 1.41zm5.59-1.41L21.41 20 20 21.41l-5.91-5.91 1.41-1.41zM13 16v6h-2v-6h2z"></path></svg><span class="t-menu__content">精准监控</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content">消息区</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-circle"><path fill="currentColor" d="M12 3a9 9 0 00-7.23 14.37A5 5 0 019.5 14h5a5 5 0 014.73 3.37A9 9 0 0012 3zm5.5 16.12V19a3 3 0 00-3-3h-5a3 3 0 00-3 3v.12a8.96 8.96 0 0011 0zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm11-6a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 8.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0z"></path></svg><span class="t-menu__content">个人中心</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-play-circle"><path fill="currentColor" d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0z"></path><path fill="currentColor" d="M18.25 12L8.5 17.63V6.37L18.25 12z"></path></svg><span class="t-menu__content">视频区</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg><span class="t-menu__content">资源编辑</span></li></ul></div></div></aside><div class="t-layout"><main class="t-layout__content"><div>Content</div></main><footer class="t-layout__footer">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/layout/_example/top.tsx 1`] = `"<div class="t-layout"><header class="t-layout__header"><div class="t-head-menu t-menu--light"><div class="t-head-menu__inner"><div class="t-menu__logo"><img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content">已选内容</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容一</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容二</span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">菜单内容三</span></li></ul><div class="t-menu__operations"><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search t-menu__operations-icon"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon"><path fill="currentColor" d="M8.64 20.5a3.5 3.5 0 006.72 0H8.64zM3 19.5h18v-3l-2-3v-5a7 7 0 10-14 0v5l-2 3v3z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon"><path fill="currentColor" d="M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z"></path></svg></div></div></div></div></header><main class="t-layout__content"><div>Content</div></main><footer class="t-layout__footer">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/layout/_example/top.tsx 1`] = `"<div class="t-layout"><header class="t-layout__header"><div class="t-head-menu t-menu--light"><div class="t-head-menu__inner"><div class="t-menu__logo"><img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content">已选内容</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容一</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容二</span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">菜单内容三</span></li></ul><div class="t-menu__operations"><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search t-menu__operations-icon"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon"><path fill="currentColor" d="M8.64 20.5a3.5 3.5 0 006.72 0H8.64zM3 19.5h18v-3l-2-3v-5a7 7 0 10-14 0v5l-2 3v3z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon"><path fill="currentColor" d="M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z"></path></svg></div></div></div></div></header><main class="t-layout__content"><div>Content</div></main><footer class="t-layout__footer">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div>"`;
 
-exports[`ssr snapshot test > ssr test src/link/_example/base.tsx 1`] = `"<a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a>"`;
+exports[`ssr snapshot test > ssr test packages/web/link/_example/base.tsx 1`] = `"<a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a>"`;
 
-exports[`ssr snapshot test > ssr test src/link/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-is-disabled">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-is-disabled t-is-underline">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-is-disabled">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-disabled">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-is-disabled">查看链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/link/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-is-disabled">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-is-disabled t-is-underline">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-is-disabled">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-disabled">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-is-disabled">查看链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/link/_example/hover.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-underline">跳转链接</a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-color">跳转链接</a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-is-underline t-link--hover-color">跳转链接</a></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/link/_example/hover.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-underline">跳转链接</a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-color">跳转链接</a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-is-underline t-link--hover-color">跳转链接</a></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/link/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-link"><path fill="currentColor" d="M13.3 3.96a4.77 4.77 0 116.74 6.75l-3.03 3.03-1.41-1.42 3.03-3.03a2.77 2.77 0 10-3.92-3.92L11.68 8.4 10.26 7l3.03-3.03zM15.4 10L10 15.41 8.58 14 14 8.59 15.4 10zm-7 1.68L5.36 14.7a2.77 2.77 0 103.92 3.92l3.03-3.03L13.74 17l-3.03 3.03a4.77 4.77 0 11-6.75-6.75l3.03-3.03 1.41 1.42z"></path></svg></span>跳转链接</a></div><div class="t-space-item"><a target="_self" href="https://tdesign.tencent.com/" class="t-link t-link--theme-primary t-is-underline t-link--hover-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-link"><path fill="currentColor" d="M13.3 3.96a4.77 4.77 0 116.74 6.75l-3.03 3.03-1.41-1.42 3.03-3.03a2.77 2.77 0 10-3.92-3.92L11.68 8.4 10.26 7l3.03-3.03zM15.4 10L10 15.41 8.58 14 14 8.59 15.4 10zm-7 1.68L5.36 14.7a2.77 2.77 0 103.92 3.92l3.03-3.03L13.74 17l-3.03 3.03a4.77 4.77 0 11-6.75-6.75l3.03-3.03 1.41 1.42z"></path></svg></span>跳转链接</a></div><div class="t-space-item"><a target="_self" href="https://tdesign.tencent.com/" class="t-link t-link--theme-danger t-is-underline t-link--hover-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span>跳转链接</a></div><div class="t-space-item"><a target="_self" class="t-link t-link--theme-warning t-is-disabled t-is-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span>跳转链接</a></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/link/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-link"><path fill="currentColor" d="M13.3 3.96a4.77 4.77 0 116.74 6.75l-3.03 3.03-1.41-1.42 3.03-3.03a2.77 2.77 0 10-3.92-3.92L11.68 8.4 10.26 7l3.03-3.03zM15.4 10L10 15.41 8.58 14 14 8.59 15.4 10zm-7 1.68L5.36 14.7a2.77 2.77 0 103.92 3.92l3.03-3.03L13.74 17l-3.03 3.03a4.77 4.77 0 11-6.75-6.75l3.03-3.03 1.41 1.42z"></path></svg></span>跳转链接</a></div><div class="t-space-item"><a target="_self" href="https://tdesign.tencent.com/" class="t-link t-link--theme-primary t-is-underline t-link--hover-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-link"><path fill="currentColor" d="M13.3 3.96a4.77 4.77 0 116.74 6.75l-3.03 3.03-1.41-1.42 3.03-3.03a2.77 2.77 0 10-3.92-3.92L11.68 8.4 10.26 7l3.03-3.03zM15.4 10L10 15.41 8.58 14 14 8.59 15.4 10zm-7 1.68L5.36 14.7a2.77 2.77 0 103.92 3.92l3.03-3.03L13.74 17l-3.03 3.03a4.77 4.77 0 11-6.75-6.75l3.03-3.03 1.41 1.42z"></path></svg></span>跳转链接</a></div><div class="t-space-item"><a target="_self" href="https://tdesign.tencent.com/" class="t-link t-link--theme-danger t-is-underline t-link--hover-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span>跳转链接</a></div><div class="t-space-item"><a target="_self" class="t-link t-link--theme-warning t-is-disabled t-is-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span>跳转链接</a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/link/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-size-s t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-size-s t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-size-s t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-size-s t-is-disabled">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-size-s t-link--hover-underline">跳转链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-disabled">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-underline">跳转链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-size-l t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-size-l t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-size-l t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-size-l t-is-disabled">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-size-l t-link--hover-underline">跳转链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/link/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-size-s t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-size-s t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-size-s t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-size-s t-is-disabled">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-size-s t-link--hover-underline">跳转链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-disabled">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-underline">跳转链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-size-l t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-size-l t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-size-l t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-size-l t-is-disabled">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-size-l t-link--hover-underline">跳转链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/link/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-underline">跳转链接</a></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/link/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-underline">跳转链接</a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/link/_example/underline.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-is-underline t-link--hover-underline">跳转链接</a></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/link/_example/underline.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-is-underline t-link--hover-underline">跳转链接</a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/asyncLoading.tsx 1`] = `"<div class="t-radio-group t-size-l t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;load-more&#x27;" value="load-more"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载更多</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading&#x27;" value="loading"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载中</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading-custom&#x27;" value="loading-custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义加载更多</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;&#x27;" value=""/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载完成</span></label></div><div style="margin-bottom:16px"></div><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/asyncLoading.tsx 1`] = `"<div class="t-radio-group t-size-l t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;load-more&#x27;" value="load-more"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载更多</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading&#x27;" value="loading"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载中</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading-custom&#x27;" value="loading-custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义加载更多</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;&#x27;" value=""/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载完成</span></label></div><div style="margin-bottom:16px"></div><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/base.tsx 1`] = `"<div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容的描述性文字<ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li><li class="t-list-item"><div class="t-list-item-main">列表内容的描述性文字<ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/base.tsx 1`] = `"<div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容的描述性文字<ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li><li class="t-list-item"><div class="t-list-item-main">列表内容的描述性文字<ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/header-footer.tsx 1`] = `"<div class="t-list"><div class="t-list__header">这里是 Header</div><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul><div class="t-list__footer">这里是 Footer</div></div><div style="margin-bottom:16px"></div><div class="t-list"><div class="t-list__header"><p>通过 TNode 插入的 Header</p></div><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul><div class="t-list__footer"><p>通过 TNode 插入的 Footer</p></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/header-footer.tsx 1`] = `"<div class="t-list"><div class="t-list__header">这里是 Header</div><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul><div class="t-list__footer">这里是 Footer</div></div><div style="margin-bottom:16px"></div><div class="t-list"><div class="t-list__header"><p>通过 TNode 插入的 Header</p></div><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul><div class="t-list__footer"><p>通过 TNode 插入的 Footer</p></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/image-text.tsx 1`] = `"<div class="t-list t-size-s"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/image-text.tsx 1`] = `"<div class="t-list t-size-s"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/multiline.tsx 1`] = `"<div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/multiline.tsx 1`] = `"<div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/operation.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li></ul></div></div><div class="t-space-item"><div class="t-list t-list--split"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit"><path fill="currentColor" d="M15.75 2.95a2 2 0 012.83 0l2.47 2.47a2 2 0 010 2.83l-11.9 11.9-6.37 1.07 1.07-6.38 11.9-11.9zM15.52 6l2.47 2.48 1.65-1.64-2.48-2.48L15.52 6zm1.06 3.9l-2.47-2.48-8.39 8.38-.5 2.98 2.98-.5 8.38-8.39z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download"><path fill="currentColor" d="M13 3v9.59l3.5-3.5 1.41 1.41L12 16.41 6.09 10.5 7.5 9.09l3.5 3.5V3h2zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg></span></button></div></div></ul></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit"><path fill="currentColor" d="M15.75 2.95a2 2 0 012.83 0l2.47 2.47a2 2 0 010 2.83l-11.9 11.9-6.37 1.07 1.07-6.38 11.9-11.9zM15.52 6l2.47 2.48 1.65-1.64-2.48-2.48L15.52 6zm1.06 3.9l-2.47-2.48-8.39 8.38-.5 2.98 2.98-.5 8.38-8.39z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download"><path fill="currentColor" d="M13 3v9.59l3.5-3.5 1.41 1.41L12 16.41 6.09 10.5 7.5 9.09l3.5 3.5V3h2zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg></span></button></div></div></ul></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/operation.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li></ul></div></div><div class="t-space-item"><div class="t-list t-list--split"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit"><path fill="currentColor" d="M15.75 2.95a2 2 0 012.83 0l2.47 2.47a2 2 0 010 2.83l-11.9 11.9-6.37 1.07 1.07-6.38 11.9-11.9zM15.52 6l2.47 2.48 1.65-1.64-2.48-2.48L15.52 6zm1.06 3.9l-2.47-2.48-8.39 8.38-.5 2.98 2.98-.5 8.38-8.39z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download"><path fill="currentColor" d="M13 3v9.59l3.5-3.5 1.41 1.41L12 16.41 6.09 10.5 7.5 9.09l3.5 3.5V3h2zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg></span></button></div></div></ul></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit"><path fill="currentColor" d="M15.75 2.95a2 2 0 012.83 0l2.47 2.47a2 2 0 010 2.83l-11.9 11.9-6.37 1.07 1.07-6.38 11.9-11.9zM15.52 6l2.47 2.48 1.65-1.64-2.48-2.48L15.52 6zm1.06 3.9l-2.47-2.48-8.39 8.38-.5 2.98 2.98-.5 8.38-8.39z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download"><path fill="currentColor" d="M13 3v9.59l3.5-3.5 1.41 1.41L12 16.41 6.09 10.5 7.5 9.09l3.5 3.5V3h2zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg></span></button></div></div></ul></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/scroll.tsx 1`] = `"<div style="height:300px;overflow:auto" class="t-list t-size-s"><ul class="t-list__inner"></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/scroll.tsx 1`] = `"<div style="height:300px;overflow:auto" class="t-list t-size-s"><ul class="t-list__inner"></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/size.tsx 1`] = `"<div class="tdesign-demo-item__body tdesign-demo-item__body--list"><h4>尺寸-小</h4><div class="t-list t-size-s"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div><h4 style="margin-top:32px">尺寸-中（默认）</h4><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div><h4 style="margin-top:32px">尺寸-大</h4><div class="t-list t-size-l"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/size.tsx 1`] = `"<div class="tdesign-demo-item__body tdesign-demo-item__body--list"><h4>尺寸-小</h4><div class="t-list t-size-s"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div><h4 style="margin-top:32px">尺寸-中（默认）</h4><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div><h4 style="margin-top:32px">尺寸-大</h4><div class="t-list t-size-l"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/stripe.tsx 1`] = `"<div class="t-list t-list--stripe"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/stripe.tsx 1`] = `"<div class="t-list t-list--stripe"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/base.tsx 1`] = `"<div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/base.tsx 1`] = `"<div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/delay.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div></div></div><div class="t-space-item"><div><div class="t-loading__parent"><div></div></div></div></div><div class="t-space-item"><div class="tdesign-demo-block-row"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">快速重新加载数据（无loading）</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">慢速重新加载数据</span></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/delay.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div></div></div><div class="t-space-item"><div><div class="t-loading__parent"><div></div></div></div></div><div class="t-space-item"><div class="tdesign-demo-block-row"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">快速重新加载数据（无loading）</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">慢速重新加载数据</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/fullscreen.tsx 1`] = `"Loading state:<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/fullscreen.tsx 1`] = `"Loading state:<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/icon-text.tsx 1`] = `"<div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">拼命加载中...</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/icon-text.tsx 1`] = `"<div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">拼命加载中...</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/service.tsx 1`] = `"<div id="loading-service" style="width:100%;height:60px;text-align:center;line-height:60px;position:relative">我是service的容器</div><div><button style="margin-right:20px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">服务加载方式（全屏）</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">服务加载方式（局部）</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/service.tsx 1`] = `"<div id="loading-service" style="width:100%;height:60px;text-align:center;line-height:60px;position:relative">我是service的容器</div><div><button style="margin-right:20px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">服务加载方式（全屏）</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">服务加载方式（局部）</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">加载中...（小）</div></div></div><div class="t-space-item"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">加载中...（中）</div></div></div><div class="t-space-item"><div class="t-loading t-loading--center t-size-l"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">加载中...（大）</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">加载中...（小）</div></div></div><div class="t-space-item"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">加载中...（中）</div></div></div><div class="t-space-item"><div class="t-loading t-loading--center t-size-l"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">加载中...（大）</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/text.tsx 1`] = `"<div class="t-loading t-loading--center t-size-m"><div class="t-loading__text">静态文字加载中...</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/text.tsx 1`] = `"<div class="t-loading t-loading--center t-size-m"><div class="t-loading__text">静态文字加载中...</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/wrap.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="width:170px"><div class="t-loading__parent"><div>this is loading component</div><div>this is loading component</div><div>this is loading component</div><div>this is loading component</div><div>this is loading component</div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">加载中</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">加载完成</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/wrap.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="width:170px"><div class="t-loading__parent"><div>this is loading component</div><div>this is loading component</div><div>this is loading component</div><div>this is loading component</div><div>this is loading component</div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">加载中</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">加载完成</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/closable-side.tsx 1`] = `"<div class="t-default-menu t-is-collapsed" style="width:64px"><div class="t-default-menu__inner"><div class="t-menu__logo"><span>LOGO</span></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu"><div class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li></ul><div class="t-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/closable-side.tsx 1`] = `"<div class="t-default-menu t-is-collapsed" style="width:64px"><div class="t-default-menu__inner"><div class="t-menu__logo"><span>LOGO</span></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu"><div class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li></ul><div class="t-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/custom-header.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div><div class="t-head-menu t-menu--dark"><div class="t-head-menu__inner"><div class="t-menu__logo"><img class="margin_0" src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations--dark"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/custom-header.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div><div class="t-head-menu t-menu--dark"><div class="t-head-menu__inner"><div class="t-menu__logo"><img class="margin_0" src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations--dark"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/custom-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px;margin-right:20px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div><div class="t-default-menu t-menu--dark" style="width:232px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/custom-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px;margin-right:20px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div><div class="t-default-menu t-menu--dark" style="width:232px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/double.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item t-is-active"><span>菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单4</span></div></li></ul></div><ul class="t-head-menu__submenu t-submenu"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"></div></div></div></ul></div><div class="t-head-menu t-menu--dark"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item t-is-active"><span>菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单4</span></div></li></ul></div><ul class="t-head-menu__submenu t-submenu"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"></div></div></div></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/double.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item t-is-active"><span>菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单4</span></div></li></ul></div><ul class="t-head-menu__submenu t-submenu"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"></div></div></div></ul></div><div class="t-head-menu t-menu--dark"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item t-is-active"><span>菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单4</span></div></li></ul></div><ul class="t-head-menu__submenu t-submenu"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"></div></div></div></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/group-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><div class="t-menu-group"><div class="t-menu-group__title" style="padding-left:16px">主导航</div><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li></div><div class="t-menu-group"><div class="t-menu-group__title" style="padding-left:16px">组件</div><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-server"><path fill="currentColor" d="M22 13v9H2v-9h20zm-2 2H4v5h16v-5zm2-13v9H2V2h20zm-2 2H4v5h16V4zM7.5 16.5v2h-2v-2h2zm0-11v2h-2v-2h2z"></path></svg><span class="t-menu__content">列表项</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">基础列表项</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">卡片列表项</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">筛选列表项</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">树状筛选列表项</span></li></ul></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg><span class="t-menu__content">表单项</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-root-list"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm2 3.5h12v2H6v-2zm0 4h8v2H6v-2z"></path></svg><span class="t-menu__content">详情页</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg><span class="t-menu__content">结果页</span></li></div><div class="t-menu-group"><div class="t-menu-group__title" style="padding-left:16px">更多</div><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content">个人页</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login"><path fill="currentColor" d="M3 11h9.59l-3.5-3.5 1.41-1.41L16.41 12l-5.91 5.91-1.41-1.41 3.5-3.5H3v-2zm11 8.5h5v-15h-5v-2h7v19h-7v-2z"></path></svg><span class="t-menu__content">登录页</span></li></div></ul><div class="t-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/group-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><div class="t-menu-group"><div class="t-menu-group__title" style="padding-left:16px">主导航</div><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li></div><div class="t-menu-group"><div class="t-menu-group__title" style="padding-left:16px">组件</div><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-server"><path fill="currentColor" d="M22 13v9H2v-9h20zm-2 2H4v5h16v-5zm2-13v9H2V2h20zm-2 2H4v5h16V4zM7.5 16.5v2h-2v-2h2zm0-11v2h-2v-2h2z"></path></svg><span class="t-menu__content">列表项</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">基础列表项</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">卡片列表项</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">筛选列表项</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">树状筛选列表项</span></li></ul></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg><span class="t-menu__content">表单项</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-root-list"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm2 3.5h12v2H6v-2zm0 4h8v2H6v-2z"></path></svg><span class="t-menu__content">详情页</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg><span class="t-menu__content">结果页</span></li></div><div class="t-menu-group"><div class="t-menu-group__title" style="padding-left:16px">更多</div><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content">个人页</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login"><path fill="currentColor" d="M3 11h9.59l-3.5-3.5 1.41-1.41L16.41 12l-5.91 5.91-1.41-1.41 3.5-3.5H3v-2zm11 8.5h5v-15h-5v-2h7v19h-7v-2z"></path></svg><span class="t-menu__content">登录页</span></li></div></ul><div class="t-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/multi-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px;margin-right:20px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:50px;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-is-disabled t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单二</span></span></li></ul></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:250px;--padding-left:44px" class="t-menu__sub"><li class="t-submenu t-menu__item--plain t-submenu__item t-submenu__item--icon"><div class="t-menu__item"><span class="t-menu__content">二级菜单-1</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:60px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-1</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-2</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-3</span></li></ul></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li></ul><div class="t-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div><div class="t-default-menu t-menu--dark" style="width:232px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:200px;--padding-left:44px" class="t-menu__sub"><li class="t-submenu t-menu__item--plain t-submenu__item t-submenu__item--icon"><div class="t-menu__item"><span class="t-menu__content">二级菜单-1</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:60px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-1</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-2</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-3</span></li></ul></li></ul></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:100px;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu-collapse--dark"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/multi-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px;margin-right:20px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:50px;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-is-disabled t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单二</span></span></li></ul></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:250px;--padding-left:44px" class="t-menu__sub"><li class="t-submenu t-menu__item--plain t-submenu__item t-submenu__item--icon"><div class="t-menu__item"><span class="t-menu__content">二级菜单-1</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:60px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-1</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-2</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-3</span></li></ul></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li></ul><div class="t-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div><div class="t-default-menu t-menu--dark" style="width:232px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:200px;--padding-left:44px" class="t-menu__sub"><li class="t-submenu t-menu__item--plain t-submenu__item t-submenu__item--icon"><div class="t-menu__item"><span class="t-menu__content">二级菜单-1</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:60px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-1</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-2</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-3</span></li></ul></li></ul></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:100px;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu-collapse--dark"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/multiple.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item t-is-active"><span>电器</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">女装</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span>水果蔬菜</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">其他</span></li></ul></div></div><div class="t-head-menu t-menu--dark" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item"><span>电器</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">女装</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span>水果蔬菜</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">其他</span></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/multiple.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item t-is-active"><span>电器</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">女装</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span>水果蔬菜</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">其他</span></li></ul></div></div><div class="t-head-menu t-menu--dark" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item"><span>电器</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">女装</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span>水果蔬菜</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">其他</span></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/popup-side.tsx 1`] = `"<div class="t-default-menu t-is-collapsed" style="width:64px;margin-right:20px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu"><div class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li></ul><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list t-menu__operations-icon"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></div></div></div><div class="t-default-menu t-is-collapsed t-menu--dark" style="width:64px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu"><div class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li></ul><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list t-menu__operations-icon"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/popup-side.tsx 1`] = `"<div class="t-default-menu t-is-collapsed" style="width:64px;margin-right:20px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu"><div class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li></ul><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list t-menu__operations-icon"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></div></div></div><div class="t-default-menu t-is-collapsed t-menu--dark" style="width:64px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu"><div class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li></ul><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list t-menu__operations-icon"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/single.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div><div class="t-head-menu t-menu--dark"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations--dark"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/single.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div><div class="t-head-menu t-menu--dark"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations--dark"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/single-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px;margin-right:20px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div><div class="t-default-menu t-menu--dark" style="width:232px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/single-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px;margin-right:20px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div><div class="t-default-menu t-menu--dark" style="width:232px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-message t-is-info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>用户表示普通操作信息提示</div></div><div class="t-space-item"><div class="t-message t-is-success"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>用户表示操作引起一定后果</div></div><div class="t-space-item"><div class="t-message t-is-warning"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg>用于表示操作顺利达成</div></div><div class="t-space-item"><div class="t-message t-is-error"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg>用于表示操作引起严重的后果</div></div><div class="t-space-item"><div class="t-message t-is-question"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-help-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zm-.17-11.11c.43-.53.97-.97 1.4-1.32A2 2 0 0012 7a2 2 0 00-1.89 1.33l-.33.95L7.9 8.6l.34-.94a4 4 0 116.24 4.47 7 7 0 00-1.1 1.01c-.27.34-.37.61-.37.85v1.25h-2V14c0-.87.39-1.57.83-2.11zM11 18.25v-2h2v2h-2z"></path></svg>用于帮助用户操作的信息提示</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-message t-is-info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>用户表示普通操作信息提示</div></div><div class="t-space-item"><div class="t-message t-is-success"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>用户表示操作引起一定后果</div></div><div class="t-space-item"><div class="t-message t-is-warning"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg>用于表示操作顺利达成</div></div><div class="t-space-item"><div class="t-message t-is-error"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg>用于表示操作引起严重的后果</div></div><div class="t-space-item"><div class="t-message t-is-question"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-help-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zm-.17-11.11c.43-.53.97-.97 1.4-1.32A2 2 0 0012 7a2 2 0 00-1.89 1.33l-.33.95L7.9 8.6l.34-.94a4 4 0 116.24 4.47 7 7 0 00-1.1 1.01c-.27.34-.37.61-.37.85v1.25h-2V14c0-.87.39-1.57.83-2.11zM11 18.25v-2h2v2h-2z"></path></svg>用于帮助用户操作的信息提示</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/close.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>默认关闭按钮<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-message__close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>自定义关闭按钮（文字）<span class="t-message__close">关闭</span></div></div><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>自定义关闭按钮（函数）<div class="t-message__close">x</div></div></div><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>自定义关闭按钮（ReactNode）<div class="t-message__close">x</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/close.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>默认关闭按钮<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-message__close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>自定义关闭按钮（文字）<span class="t-message__close">关闭</span></div></div><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>自定义关闭按钮（函数）<div class="t-message__close">x</div></div></div><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>自定义关闭按钮（ReactNode）<div class="t-message__close">x</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/close-all.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击打开多个消息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击关闭所有消息</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/close-all.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击打开多个消息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击关闭所有消息</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/close-function.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自由控制关闭时机（<!-- -->打开<!-- -->）</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/close-function.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自由控制关闭时机（<!-- -->打开<!-- -->）</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/config.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">配置</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">测试</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/config.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">配置</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">测试</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/duration.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">I am duration 20s Message</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">close latest duration 20s Message</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">close all Message</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/duration.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">I am duration 20s Message</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">close latest duration 20s Message</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">close all Message</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/loading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-message t-is-loading"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div>用于表示操作正在生效的过程中</div></div><div class="t-space-item"><div class="t-message t-is-success"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>用于表示操作顺利达成(10s)</div></div><div class="t-space-item"><div class="t-message t-is-warning"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg>用于表示普通操作失败中断(10s)</div></div><div class="t-space-item"><button style="margin-top:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/loading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-message t-is-loading"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div>用于表示操作正在生效的过程中</div></div><div class="t-space-item"><div class="t-message t-is-success"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>用于表示操作顺利达成(10s)</div></div><div class="t-space-item"><div class="t-message t-is-warning"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg>用于表示普通操作失败中断(10s)</div></div><div class="t-space-item"><button style="margin-top:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/methods.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">info</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">success</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">warning</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">error</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">question</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">loading</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/methods.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">info</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">success</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">warning</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">error</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">question</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">loading</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/offset.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:200px" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入横向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div><div class="t-space-item"><div style="width:200px;margin-left:16px" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入纵向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div><div class="t-space-item"><div style="position:relative;margin:0 auto;width:500px;height:260px;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button style="position:absolute;right:42%;bottom:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">center</span></button></div><div class="t-space-item"><button style="position:absolute;top:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top</span></button></div><div class="t-space-item"><button style="position:absolute;left:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left</span></button></div><div class="t-space-item"><button style="position:absolute;right:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right</span></button></div><div class="t-space-item"><button style="position:absolute;bottom:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom</span></button></div><div class="t-space-item"><button style="position:absolute;top:0;left:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-left</span></button></div><div class="t-space-item"><button style="position:absolute;top:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-right</span></button></div><div class="t-space-item"><button style="position:absolute;bottom:0;left:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-left</span></button></div><div class="t-space-item"><button style="position:absolute;bottom:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-right</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/offset.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:200px" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入横向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div><div class="t-space-item"><div style="width:200px;margin-left:16px" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入纵向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div><div class="t-space-item"><div style="position:relative;margin:0 auto;width:500px;height:260px;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button style="position:absolute;right:42%;bottom:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">center</span></button></div><div class="t-space-item"><button style="position:absolute;top:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top</span></button></div><div class="t-space-item"><button style="position:absolute;left:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left</span></button></div><div class="t-space-item"><button style="position:absolute;right:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right</span></button></div><div class="t-space-item"><button style="position:absolute;bottom:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom</span></button></div><div class="t-space-item"><button style="position:absolute;top:0;left:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-left</span></button></div><div class="t-space-item"><button style="position:absolute;top:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-right</span></button></div><div class="t-space-item"><button style="position:absolute;bottom:0;left:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-left</span></button></div><div class="t-space-item"><button style="position:absolute;bottom:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-right</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/attach.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">信息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">成功</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">错误</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/attach.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">信息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">成功</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">错误</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/base.tsx 1`] = `"<div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">标题名称</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/base.tsx 1`] = `"<div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">标题名称</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/close-all.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击打开多个消息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击关闭多个消息</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/close-all.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击打开多个消息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击关闭多个消息</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/content.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义内容（字符串）</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义内容</span><div class="t-notification-close"></div></div><div class="t-notification__content"><div>这是一条消息通知</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/content.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义内容（字符串）</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义内容</span><div class="t-notification-close"></div></div><div class="t-notification__content"><div>这是一条消息通知</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/footer.tsx 1`] = `"<div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义底部详情</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知</div><div class="t-notification__detail"><div class="t-notification__detail"><span class="t-notification__detail-item">重启</span><span class="t-notification__detail-item t-is-active">查看详情</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/footer.tsx 1`] = `"<div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义底部详情</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知</div><div class="t-notification__detail"><div class="t-notification__detail"><span class="t-notification__detail-item">重启</span><span class="t-notification__detail-item t-is-active">查看详情</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">普通通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-error"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-error"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">危险通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-warning"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-warning"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">告警通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-success"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-is-success"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">成功通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">普通通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-error"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-error"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">危险通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-warning"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-warning"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">告警通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-success"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-is-success"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">成功通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/operation.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">超出的文本省略号显示</span><div class="t-notification-close"></div></div><div class="t-notification__content">文案不限长度，但是展示最大显示三行折行的末尾显示折行末尾显示折行末尾显示折行末尾显示折行末尾显示折行折行末尾显示折行折行末尾显示折行末尾显示折行折行末尾</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">查看详情</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义底部</span><div class="t-notification-close"></div></div><div class="t-notification__content">使用 props function 自定义底部内容</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">查看详情</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title"><div>自定义标题 <small>我是副标题</small></div></span><div class="t-notification-close"></div></div><div class="t-notification__content">1. 使用 props function 自定义标题；2. 使用插槽自定义底部内容</div><div class="t-notification__detail"><div slot="footer"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">知道了</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title"><div>自定义标题 <small>我是副标题</small></div></span><div class="t-notification-close"></div></div><div class="t-notification__content">1. 使用插槽自定义标题 2. 使用插槽自定义底部内容</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">重启</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">稍后提醒我(10s)</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义内容</span><div class="t-notification-close"></div></div><div class="t-notification__content">使用插槽自定义内容</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">重启</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">更多</span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/operation.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">超出的文本省略号显示</span><div class="t-notification-close"></div></div><div class="t-notification__content">文案不限长度，但是展示最大显示三行折行的末尾显示折行末尾显示折行末尾显示折行末尾显示折行末尾显示折行折行末尾显示折行折行末尾显示折行末尾显示折行折行末尾</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">查看详情</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义底部</span><div class="t-notification-close"></div></div><div class="t-notification__content">使用 props function 自定义底部内容</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">查看详情</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title"><div>自定义标题 <small>我是副标题</small></div></span><div class="t-notification-close"></div></div><div class="t-notification__content">1. 使用 props function 自定义标题；2. 使用插槽自定义底部内容</div><div class="t-notification__detail"><div slot="footer"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">知道了</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title"><div>自定义标题 <small>我是副标题</small></div></span><div class="t-notification-close"></div></div><div class="t-notification__content">1. 使用插槽自定义标题 2. 使用插槽自定义底部内容</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">重启</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">稍后提醒我(10s)</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义内容</span><div class="t-notification-close"></div></div><div class="t-notification__content">使用插槽自定义内容</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">重启</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">更多</span></button></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/placement.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:130px;display:inline-block;margin:0 20px 36px 0" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入横向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div><div class="t-space-item"><div style="width:130px;display:inline-block;margin:0 20px 36px 0" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入纵向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">左上角</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">右上角</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">左下角</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">右下角</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/placement.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:130px;display:inline-block;margin:0 20px 36px 0" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入横向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div><div class="t-space-item"><div style="width:130px;display:inline-block;margin:0 20px 36px 0" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入纵向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">左上角</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">右上角</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">左下角</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">右下角</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">信息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">成功</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">错误</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">信息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">成功</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">错误</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/toggle.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自由控制关闭时机</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/toggle.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自由控制关闭时机</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/base.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/base.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/jump.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 645 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">33</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 33 </span></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/jump.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 645 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">33</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 33 </span></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/more.tsx 1`] = `"<div><span>展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div><span>不展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/more.tsx 1`] = `"<div><span>展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div><span>不展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/page-num.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 645 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">33</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/page-num.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 645 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">33</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/pagination-mini.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>layout:</span></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" checked="" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">vertical</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" value="horizontal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">horizontal</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>size:</span></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">small</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">medium</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">large</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div class="t-pagination-mini"><button title="前尘忆梦" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button><button title="回到现在" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="展望未来" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/pagination-mini.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>layout:</span></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" checked="" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">vertical</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" value="horizontal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">horizontal</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>size:</span></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">small</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">medium</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">large</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div class="t-pagination-mini"><button title="前尘忆梦" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button><button title="回到现在" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="展望未来" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/simple.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 20 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/simple.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 20 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/simple-mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-s t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 20 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/simple-mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-s t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 20 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/total.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 685 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">69</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/total.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 685 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">69</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">删除订单</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交审核</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">删除订单</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交审核</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/button.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">按钮样式（属性-字符串）</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">按钮样式（TNode）</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/button.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">按钮样式（属性-字符串）</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">按钮样式（TNode）</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/describe.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义浮层内容</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">自定义浮层内容</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/describe.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义浮层内容</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">自定义浮层内容</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/extends.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">浮层在右边</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/extends.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">浮层在右边</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">默认</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">危险</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">自定义图标（属性）</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">默认</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">危险</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">自定义图标（属性）</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/inherit.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层出现在下方</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层出现在右侧</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/inherit.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层出现在下方</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层出现在右侧</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/placement.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Left</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Top</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Bottom</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/placement.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Left</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Top</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Bottom</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">默认</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提示</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">错误</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">默认</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提示</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">错误</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/container.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(CSSSelector)</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(Function)</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/container.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(CSSSelector)</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(Function)</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/destroy.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/destroy.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/disabled.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/disabled.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/dynamic.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击改变内容</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/dynamic.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击改变内容</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/placement.tsx 1`] = `"<div style="margin:0 auto;width:500px;height:260px;position:relative"><button style="position:absolute;top:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top</span></button><button style="position:absolute;top:0;left:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-left</span></button><button style="position:absolute;top:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-right</span></button><button style="position:absolute;bottom:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom</span></button><button style="position:absolute;bottom:0;left:70px;width:120px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-left</span></button><button style="position:absolute;bottom:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-right</span></button><button style="position:absolute;left:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left</span></button><button style="position:absolute;left:0;top:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left-top</span></button><button style="position:absolute;left:0;bottom:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left-bottom</span></button><button style="position:absolute;right:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right</span></button><button style="position:absolute;right:0;top:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right-top</span></button><button style="position:absolute;right:0;bottom:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right-bottom</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/placement.tsx 1`] = `"<div style="margin:0 auto;width:500px;height:260px;position:relative"><button style="position:absolute;top:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top</span></button><button style="position:absolute;top:0;left:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-left</span></button><button style="position:absolute;top:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-right</span></button><button style="position:absolute;bottom:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom</span></button><button style="position:absolute;bottom:0;left:70px;width:120px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-left</span></button><button style="position:absolute;bottom:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-right</span></button><button style="position:absolute;left:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left</span></button><button style="position:absolute;left:0;top:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left-top</span></button><button style="position:absolute;left:0;bottom:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left-bottom</span></button><button style="position:absolute;right:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right</span></button><button style="position:absolute;right:0;top:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right-top</span></button><button style="position:absolute;right:0;bottom:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right-bottom</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="trigger-element1 t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">正常的方式打开</span></button></div><div class="t-space-item"><button type="button" class="trigger-element2 t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">通过Plugin打开，并修改不同浮层的配置</span></button></div><div class="t-space-item"><div><span>这里是一个日志查询的例子，在很长的日志内容中，日志内容存在换行的情况，可以点击链接进行日志查询操作</span><a class="trigger-element3" style="color:var(--td-text-color-brand)">点击此链接，会打开浮层进行跳转操作</a></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="trigger-element1 t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">正常的方式打开</span></button></div><div class="t-space-item"><button type="button" class="trigger-element2 t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">通过Plugin打开，并修改不同浮层的配置</span></button></div><div class="t-space-item"><div><span>这里是一个日志查询的例子，在很长的日志内容中，日志内容存在换行的情况，可以点击链接进行日志查询操作</span><a class="trigger-element3" style="color:var(--td-text-color-brand)">点击此链接，会打开浮层进行跳转操作</a></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/popper-options.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>请输入横向偏移量:</span></div><div class="t-space-item"><div style="width:130px;display:inline-block" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入横向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>请输入纵向偏移量:</span></div><div class="t-space-item"><div style="width:130px;display:inline-block" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入纵向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/popper-options.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>请输入横向偏移量:</span></div><div class="t-space-item"><div style="width:130px;display:inline-block" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入横向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>请输入纵向偏移量:</span></div><div class="t-space-item"><div style="width:130px;display:inline-block" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入纵向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/style.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">自定义浮层类名</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">固定浮层宽度</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层最大宽度</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层和触发元素同宽</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/style.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">自定义浮层类名</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">固定浮层宽度</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层最大宽度</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层和触发元素同宽</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/trigger.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">悬浮时触发（默认）</span></button></div><div class="t-space-item"><div style="width:200px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="获得焦点时触发" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">点击时触发</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">右击时触发</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/trigger.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">悬浮时触发（默认）</span></button></div><div class="t-space-item"><div style="width:200px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="获得焦点时触发" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">点击时触发</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">右击时触发</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/trigger-element.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">默认子节点元素触发</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">使用 triggerElement 元素触发</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/trigger-element.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">默认子节点元素触发</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">使用 triggerElement 元素触发</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/visible.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">一直显示</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/visible.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">一直显示</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/progress/_example/circle.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="text-align:center;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>默认样式</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info">0%</div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>不显示数字</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>自定义内容</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><div>75 day</div></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="text-align:center;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>进度完成</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--success" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check t-progress__icon"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="351.85837720205683  0" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>进度发生错误</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--error" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-progress__icon"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>进度被中断</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--warning" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error t-progress__icon"><path fill="currentColor" d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>自定义颜色</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--error" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-progress__icon"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="#0f0" fill="none"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="text-align:center;gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>小尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:72px;height:72px;font-size:12.64px"><div class="t-progress__info">0%</div><svg width="72" height="72" viewBox="0 0 76 76"><circle cx="38" cy="38" r="36" stroke-width="4" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>默认尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info">0%</div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>大尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:160px;height:160px;font-size:23.98px"><div class="t-progress__info">0%</div><svg width="160" height="160" viewBox="0 0 166 166"><circle cx="83" cy="83" r="80" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>自定义尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:5.62px"><div class="t-progress__info">0%</div><svg width="112" height="112" viewBox="0 0 162 162"><circle cx="81" cy="81" r="56" stroke-width="50" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/progress/_example/circle.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="text-align:center;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>默认样式</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info">0%</div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>不显示数字</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>自定义内容</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><div>75 day</div></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="text-align:center;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>进度完成</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--success" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check t-progress__icon"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="351.85837720205683  0" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>进度发生错误</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--error" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-progress__icon"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>进度被中断</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--warning" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error t-progress__icon"><path fill="currentColor" d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>自定义颜色</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--error" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-progress__icon"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="#0f0" fill="none"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="text-align:center;gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>小尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:72px;height:72px;font-size:12.64px"><div class="t-progress__info">0%</div><svg width="72" height="72" viewBox="0 0 76 76"><circle cx="38" cy="38" r="36" stroke-width="4" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>默认尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info">0%</div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>大尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:160px;height:160px;font-size:23.98px"><div class="t-progress__info">0%</div><svg width="160" height="160" viewBox="0 0 166 166"><circle cx="83" cy="83" r="80" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>自定义尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:5.62px"><div class="t-progress__info">0%</div><svg width="112" height="112" viewBox="0 0 162 162"><circle cx="81" cy="81" r="56" stroke-width="50" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/progress/_example/line.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>默认在线形外展示进度和状态</h3></div><div class="t-space-item"><div>默认样式</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div>进度被中断</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--warning"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled t-progress__icon"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div></div></div></div><div class="t-space-item"><div>进度状态发生重大错误</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--error"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled t-progress__icon"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg></div></div></div></div><div class="t-space-item"><div>进度正常更新</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--active"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div>不显示数字</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div></div></div></div><div class="t-space-item"><div>自定义内容</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info"><div>自定义文本</div></div></div></div></div><div class="t-space-item"><div>自定义颜色与高度</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar" style="height:30px;background-color:#0f0;border-radius:30px"><div class="t-progress__inner" style="width:0%;background:#00f;border-radius:30px"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div>进度条渐变色</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%;background:linear-gradient( 90deg,#f00,#0ff,#f0f )"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar" style="background-color:#0f0"><div class="t-progress__inner" style="width:0%;background:linear-gradient(to right, #f00 0%,#0ff 100%)"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar" style="height:30px;border-radius:30px"><div class="t-progress__inner" style="width:0%;background:linear-gradient(to right, #f00, #0ff);border-radius:30px"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><h3>可以在线形内展示进度信息</h3></div><div class="t-space-item"><div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>默认样式</div></div><div class="t-space-item"><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div></div><div class="t-space-item"><div>进度0-10%时数字数字位置出现在目前进度的右边区域</div></div><div class="t-space-item"><div><div class="t-progress__bar t-progress--plump t-progress--under-ten"><div class="t-progress__inner" style="width:5%"></div><div class="t-progress__info">5%</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/progress/_example/line.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>默认在线形外展示进度和状态</h3></div><div class="t-space-item"><div>默认样式</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div>进度被中断</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--warning"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled t-progress__icon"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div></div></div></div><div class="t-space-item"><div>进度状态发生重大错误</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--error"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled t-progress__icon"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg></div></div></div></div><div class="t-space-item"><div>进度正常更新</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--active"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div>不显示数字</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div></div></div></div><div class="t-space-item"><div>自定义内容</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info"><div>自定义文本</div></div></div></div></div><div class="t-space-item"><div>自定义颜色与高度</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar" style="height:30px;background-color:#0f0;border-radius:30px"><div class="t-progress__inner" style="width:0%;background:#00f;border-radius:30px"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div>进度条渐变色</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%;background:linear-gradient( 90deg,#f00,#0ff,#f0f )"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar" style="background-color:#0f0"><div class="t-progress__inner" style="width:0%;background:linear-gradient(to right, #f00 0%,#0ff 100%)"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar" style="height:30px;border-radius:30px"><div class="t-progress__inner" style="width:0%;background:linear-gradient(to right, #f00, #0ff);border-radius:30px"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><h3>可以在线形内展示进度信息</h3></div><div class="t-space-item"><div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>默认样式</div></div><div class="t-space-item"><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div></div><div class="t-space-item"><div>进度0-10%时数字数字位置出现在目前进度的右边区域</div></div><div class="t-space-item"><div><div class="t-progress__bar t-progress--plump t-progress--under-ten"><div class="t-progress__inner" style="width:5%"></div><div class="t-progress__info">5%</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/progress/_example/plump.tsx 1`] = `"<div><div style="margin:20px 0 10px">默认样式</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">进度0-10%时数字数字位置出现在目前进度的右边区域</div><div><div class="t-progress__bar t-progress--plump t-progress--under-ten"><div class="t-progress__inner" style="width:5%"></div><div class="t-progress__info">5%</div></div></div><div style="margin:20px 0 10px">100%</div><div><div class="t-progress__bar t-progress--plump t-progress--status--success t-progress--over-ten"><div class="t-progress__inner" style="width:100%"><div class="t-progress__info" style="color:#fff">100%</div></div></div></div><div style="margin:20px 0 10px">success</div><div><div class="t-progress__bar t-progress--plump t-progress--status--success t-progress--over-ten"><div class="t-progress__inner" style="width:100%"><div class="t-progress__info" style="color:#fff">100%</div></div></div></div><div style="margin:20px 0 10px">warning</div><div><div class="t-progress__bar t-progress--plump t-progress--status--warning t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">error</div><div><div class="t-progress__bar t-progress--plump t-progress--status--error t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">active</div><div><div class="t-progress__bar t-progress--plump t-progress--status--active t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">不显示数字</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%"></div></div></div><div style="margin:20px 0 10px">自定义颜色与尺寸</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten" style="height:30px;background-color:#0f0;border-radius:30px"><div class="t-progress__inner" style="width:30%;background:#00f;border-radius:30px"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">进度条渐变色</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%;background:linear-gradient( 90deg,#f00,#0ff,#f0f )"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><br/><div><div class="t-progress__bar t-progress--plump t-progress--over-ten" style="background-color:#0f0"><div class="t-progress__inner" style="width:30%;background:linear-gradient(to right, #f00 0%,#0ff 100%)"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><br/><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%;background:linear-gradient(to right, #f00, #0ff)"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/progress/_example/plump.tsx 1`] = `"<div><div style="margin:20px 0 10px">默认样式</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">进度0-10%时数字数字位置出现在目前进度的右边区域</div><div><div class="t-progress__bar t-progress--plump t-progress--under-ten"><div class="t-progress__inner" style="width:5%"></div><div class="t-progress__info">5%</div></div></div><div style="margin:20px 0 10px">100%</div><div><div class="t-progress__bar t-progress--plump t-progress--status--success t-progress--over-ten"><div class="t-progress__inner" style="width:100%"><div class="t-progress__info" style="color:#fff">100%</div></div></div></div><div style="margin:20px 0 10px">success</div><div><div class="t-progress__bar t-progress--plump t-progress--status--success t-progress--over-ten"><div class="t-progress__inner" style="width:100%"><div class="t-progress__info" style="color:#fff">100%</div></div></div></div><div style="margin:20px 0 10px">warning</div><div><div class="t-progress__bar t-progress--plump t-progress--status--warning t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">error</div><div><div class="t-progress__bar t-progress--plump t-progress--status--error t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">active</div><div><div class="t-progress__bar t-progress--plump t-progress--status--active t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">不显示数字</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%"></div></div></div><div style="margin:20px 0 10px">自定义颜色与尺寸</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten" style="height:30px;background-color:#0f0;border-radius:30px"><div class="t-progress__inner" style="width:30%;background:#00f;border-radius:30px"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">进度条渐变色</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%;background:linear-gradient( 90deg,#f00,#0ff,#f0f )"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><br/><div><div class="t-progress__bar t-progress--plump t-progress--over-ten" style="background-color:#0f0"><div class="t-progress__inner" style="width:30%;background:linear-gradient(to right, #f00 0%,#0ff 100%)"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><br/><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%;background:linear-gradient(to right, #f00, #0ff)"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/radio/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1"/><span class="t-radio__input"></span><span class="t-radio__label">未选中</span></label></div><div class="t-space-item"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span><span class="t-radio__label">取消选中</span></label></div><div class="t-space-item"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" checked=""/><span class="t-radio__input"></span><span class="t-radio__label">已选中</span></label></div><div class="t-space-item"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1"/><span class="t-radio__input"></span><span class="t-radio__label">禁用未选中</span></label></div><div class="t-space-item"><label class="t-radio t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio__former" disabled="" tabindex="-1" checked=""/><span class="t-radio__input"></span><span class="t-radio__label">禁用已选中</span></label></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/radio/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1"/><span class="t-radio__input"></span><span class="t-radio__label">未选中</span></label></div><div class="t-space-item"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span><span class="t-radio__label">取消选中</span></label></div><div class="t-space-item"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" checked=""/><span class="t-radio__input"></span><span class="t-radio__label">已选中</span></label></div><div class="t-space-item"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1"/><span class="t-radio__input"></span><span class="t-radio__label">禁用未选中</span></label></div><div class="t-space-item"><label class="t-radio t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio__former" disabled="" tabindex="-1" checked=""/><span class="t-radio__input"></span><span class="t-radio__label">禁用已选中</span></label></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/radio/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;bj&#x27;" data-allow-uncheck="true" checked="" value="bj"/><span class="t-radio__input"></span><span class="t-radio__label">北京</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sh&#x27;" data-allow-uncheck="true" value="sh"/><span class="t-radio__input"></span><span class="t-radio__label">上海</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;gz&#x27;" data-allow-uncheck="true" value="gz"/><span class="t-radio__input"></span><span class="t-radio__label">广州</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sz&#x27;" data-allow-uncheck="true" value="sz"/><span class="t-radio__input"></span><span class="t-radio__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;bj&#x27;" data-allow-uncheck="true" value="bj"/><span class="t-radio__input"></span><span class="t-radio__label">北京</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sh&#x27;" data-allow-uncheck="true" value="sh"/><span class="t-radio__input"></span><span class="t-radio__label">上海</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" data-allow-uncheck="true" value="gz"/><span class="t-radio__input"></span><span class="t-radio__label">广州</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sz&#x27;" data-allow-uncheck="true" checked="" value="sz"/><span class="t-radio__input"></span><span class="t-radio__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" checked="" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;北京&#x27;" value="北京"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;深圳&#x27;" checked="" value="深圳"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled t-radio-group--primary-filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;北京&#x27;" value="北京"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;深圳&#x27;" checked="" value="深圳"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/radio/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;bj&#x27;" data-allow-uncheck="true" checked="" value="bj"/><span class="t-radio__input"></span><span class="t-radio__label">北京</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sh&#x27;" data-allow-uncheck="true" value="sh"/><span class="t-radio__input"></span><span class="t-radio__label">上海</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;gz&#x27;" data-allow-uncheck="true" value="gz"/><span class="t-radio__input"></span><span class="t-radio__label">广州</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sz&#x27;" data-allow-uncheck="true" value="sz"/><span class="t-radio__input"></span><span class="t-radio__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;bj&#x27;" data-allow-uncheck="true" value="bj"/><span class="t-radio__input"></span><span class="t-radio__label">北京</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sh&#x27;" data-allow-uncheck="true" value="sh"/><span class="t-radio__input"></span><span class="t-radio__label">上海</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" data-allow-uncheck="true" value="gz"/><span class="t-radio__input"></span><span class="t-radio__label">广州</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sz&#x27;" data-allow-uncheck="true" checked="" value="sz"/><span class="t-radio__input"></span><span class="t-radio__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" checked="" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;北京&#x27;" value="北京"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;深圳&#x27;" checked="" value="深圳"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled t-radio-group--primary-filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;北京&#x27;" value="北京"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;深圳&#x27;" checked="" value="深圳"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/radio/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-s t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj1&#x27;" value="bj1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh1&#x27;" checked="" value="sh1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz1&#x27;" value="gz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz1&#x27;" value="sz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-l t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj2&#x27;" value="bj2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh2&#x27;" value="sh2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz2&#x27;" checked="" value="gz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz2&#x27;" value="sz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj1&#x27;" value="bj1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh1&#x27;" checked="" value="sh1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz1&#x27;" value="gz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz1&#x27;" value="sz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-l t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj2&#x27;" value="bj2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh2&#x27;" value="sh2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz2&#x27;" checked="" value="gz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz2&#x27;" value="sz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/radio/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-s t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj1&#x27;" value="bj1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh1&#x27;" checked="" value="sh1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz1&#x27;" value="gz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz1&#x27;" value="sz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-l t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj2&#x27;" value="bj2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh2&#x27;" value="sh2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz2&#x27;" checked="" value="gz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz2&#x27;" value="sz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj1&#x27;" value="bj1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh1&#x27;" checked="" value="sh1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz1&#x27;" value="gz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz1&#x27;" value="sz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-l t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj2&#x27;" value="bj2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh2&#x27;" value="sh2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz2&#x27;" checked="" value="gz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz2&#x27;" value="sz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/radio/_example/type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h5>普通单选按钮</h5></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio__input"></span><span class="t-radio__label">选项一</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio__input"></span><span class="t-radio__label">选项二</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;gz&#x27;" checked="" value="gz"/><span class="t-radio__input"></span><span class="t-radio__label">选项三</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio__input"></span><span class="t-radio__label">选项四</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h5>边框型单选按钮</h5></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label class="t-radio-button t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选中禁用态</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">未选中禁用态</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h5>填充型单选按钮</h5></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" checked="" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项四</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项五</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled t-radio-group--primary-filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" checked="" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项四</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项五</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label class="t-radio-button t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选中禁用态</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">未选中禁用态</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled t-radio-group--primary-filled"><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label class="t-radio-button t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选中禁用态</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">未选中禁用态</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/radio/_example/type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h5>普通单选按钮</h5></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio__input"></span><span class="t-radio__label">选项一</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio__input"></span><span class="t-radio__label">选项二</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;gz&#x27;" checked="" value="gz"/><span class="t-radio__input"></span><span class="t-radio__label">选项三</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio__input"></span><span class="t-radio__label">选项四</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h5>边框型单选按钮</h5></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label class="t-radio-button t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选中禁用态</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">未选中禁用态</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h5>填充型单选按钮</h5></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" checked="" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项四</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项五</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled t-radio-group--primary-filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" checked="" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项四</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项五</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label class="t-radio-button t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选中禁用态</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">未选中禁用态</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled t-radio-group--primary-filled"><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label class="t-radio-button t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选中禁用态</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">未选中禁用态</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/range-input/_example/base.tsx 1`] = `"<div class="t-range-input t-is-default"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/range-input/_example/base.tsx 1`] = `"<div class="t-range-input t-is-default"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/range-input/_example/popup.tsx 1`] = `"<div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/range-input/_example/popup.tsx 1`] = `"<div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/range-input/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-range-input t-is-default t-size-s"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-default"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-default t-size-l"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/range-input/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-range-input t-is-default t-size-s"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-default"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-default t-size-l"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/range-input/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-range-input t-is-success"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-warning"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-error"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/range-input/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-range-input t-is-success"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-warning"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-error"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/rate/_example/base.tsx 1`] = `"<div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/rate/_example/base.tsx 1`] = `"<div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/rate/_example/clearable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>clearable: true</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>clearable: false</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/rate/_example/clearable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>clearable: true</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>clearable: false</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/rate/_example/custom.tsx 1`] = `"<div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/rate/_example/custom.tsx 1`] = `"<div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/rate/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li></ul></div></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li></ul></div></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item t-rate__item--half"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/rate/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li></ul></div></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li></ul></div></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item t-rate__item--half"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/rate/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>16px</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>24px</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/rate/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>16px</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>24px</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/rate/_example/status.tsx 1`] = `"<div style="text-align:center;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>未评分状态</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>满分状态</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>半星状态</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--half"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/rate/_example/status.tsx 1`] = `"<div style="text-align:center;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>未评分状态</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>满分状态</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>半星状态</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--half"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/rate/_example/texts.tsx 1`] = `"<div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li></ul><div class="t-rate__text">satisfied</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/rate/_example/texts.tsx 1`] = `"<div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li></ul><div class="t-rate__text">satisfied</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/base.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/base.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/collapsed.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><h3>default:</h3></div><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>use collapsedItems:</h3></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div>size control:</div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio__input"></span><span class="t-radio__label">small</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio__input"></span><span class="t-radio__label">medium</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio__input"></span><span class="t-radio__label">large</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>disabled control:</span></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>readonly control:</span></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/collapsed.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><h3>default:</h3></div><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>use collapsedItems:</h3></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div>size control:</div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio__input"></span><span class="t-radio__label">small</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio__input"></span><span class="t-radio__label">medium</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio__input"></span><span class="t-radio__label">large</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>disabled control:</span></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>readonly control:</span></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/creatable.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/creatable.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/custom-options.tsx 1`] = `"<div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/custom-options.tsx 1`] = `"<div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/custom-selected.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/custom-selected.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/disabled.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/disabled.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/filterable.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap" style="width:400px;display:inline-block"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="-请选择-" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:400px;display:inline-block"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="-请选择-" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">-请选择-</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/filterable.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap" style="width:400px;display:inline-block"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="-请选择-" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:400px;display:inline-block"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="-请选择-" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">-请选择-</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/group.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/group.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/keys.tsx 1`] = `"<div class="t-select__wrap" style="width:200px;display:inline-block;margin-right:20px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap" style="width:200px;display:inline-block"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/keys.tsx 1`] = `"<div class="t-select__wrap" style="width:200px;display:inline-block;margin-right:20px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap" style="width:200px;display:inline-block"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/label-in-value.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/label-in-value.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/max.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/max.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/multiple.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择云产品" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择云产品</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/multiple.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择云产品" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择云产品</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/noborder.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--borderless t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/noborder.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--borderless t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/options.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/options.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/panel.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择云解决方案" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择云产品" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/panel.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择云解决方案" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择云产品" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/popup-props.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px;display:inline-block"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/popup-props.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px;display:inline-block"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/prefix.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="margin-right:8px"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/prefix.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="margin-right:8px"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/remote-search.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/remote-search.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/scroll-bottom.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/scroll-bottom.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/scroll-top.tsx 1`] = `"<div class="t-select__wrap" style="width:200px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/scroll-top.tsx 1`] = `"<div class="t-select__wrap" style="width:200px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-size-l t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-size-l t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/virtual-scroll.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/virtual-scroll.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/autocomplete.tsx 1`] = `"<div><div class="t-select-input t-select-input--empty" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请输入任意关键词" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/autocomplete.tsx 1`] = `"<div><div class="t-select-input t-select-input--empty" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请输入任意关键词" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/autowidth.tsx 1`] = `"<div class="t-select-input"><div class="t-input__wrap t-input--auto-width" value="tdesign-vue" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" value="tdesign-vue"/><span class="t-input__input-pre">tdesign-vue</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/autowidth.tsx 1`] = `"<div class="t-select-input"><div class="t-input__wrap t-input--auto-width" value="tdesign-vue" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" value="tdesign-vue"/><span class="t-input__input-pre">tdesign-vue</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/autowidth-multiple.tsx 1`] = `"<div class="tdesign-demo__select-input-autowidth-multiple" style="width:100%"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->2</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/autowidth-multiple.tsx 1`] = `"<div class="tdesign-demo__select-input-autowidth-multiple" style="width:100%"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->2</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/borderless.tsx 1`] = `"<div style="width:60%"><div class="t-select-input t-select-input--borderless"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="tdesign-vue"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/borderless.tsx 1`] = `"<div style="width:60%"><div class="t-select-input t-select-input--borderless"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="tdesign-vue"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/borderless-multiple.tsx 1`] = `"<div style="width:60%"><div class="t-select-input t-select-input--borderless t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->2</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/borderless-multiple.tsx 1`] = `"<div style="width:60%"><div class="t-select-input t-select-input--borderless t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->2</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/collapsed-items.tsx 1`] = `"<div style="gap:16px" class="t-space tdesign-demo__select-input-collapsed-items t-space-vertical"><div class="t-space-item"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->5</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"> </div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">tdesign-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(+<!-- -->4<!-- -->)</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/collapsed-items.tsx 1`] = `"<div style="gap:16px" class="t-space tdesign-demo__select-input-collapsed-items t-space-vertical"><div class="t-space-item"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->5</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"> </div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">tdesign-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(+<!-- -->4<!-- -->)</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/custom-tag.tsx 1`] = `"<div class="tdesign-demo-select-input-custom-tag"><div class="t-select-input"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform tdesign-demo-select-input__img"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg>tdesign-vue</span></div><input placeholder="" type="text" class="t-input__inner" readonly="" value=" "/></div></div></div><br/><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-react</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span></div></div></div><br/><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->tdesign-mobile-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->tdesign-mobile-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->tdesign-mobile-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/custom-tag.tsx 1`] = `"<div class="tdesign-demo-select-input-custom-tag"><div class="t-select-input"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform tdesign-demo-select-input__img"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg>tdesign-vue</span></div><input placeholder="" type="text" class="t-input__inner" readonly="" value=" "/></div></div></div><br/><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-react</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span></div></div></div><br/><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->tdesign-mobile-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->tdesign-mobile-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->tdesign-mobile-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/excess-tags-display-type.tsx 1`] = `"<div class="tdesign-demo__select-input-excess-tags-display-type" style="width:width: 100%"><p>第一种呈现方式：超出时滚动显示</p><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">tdesign-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-miniprogram">tdesign-miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-angular">tdesign-angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-vue">tdesign-mobile-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-react">tdesign-mobile-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><br/><br/><br/><p>第二种呈现方式：超出时换行显示</p><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">tdesign-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-miniprogram">tdesign-miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-angular">tdesign-angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-vue">tdesign-mobile-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-react">tdesign-mobile-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/excess-tags-display-type.tsx 1`] = `"<div class="tdesign-demo__select-input-excess-tags-display-type" style="width:width: 100%"><p>第一种呈现方式：超出时滚动显示</p><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">tdesign-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-miniprogram">tdesign-miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-angular">tdesign-angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-vue">tdesign-mobile-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-react">tdesign-mobile-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><br/><br/><br/><p>第二种呈现方式：超出时换行显示</p><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">tdesign-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-miniprogram">tdesign-miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-angular">tdesign-angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-vue">tdesign-mobile-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-react">tdesign-mobile-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/label-suffix.tsx 1`] = `"<div><div class="t-select-input" style="width:300px"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><span>前置内容：</span></div><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="tdesign-vue"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div><br/> <br/><div class="t-select-input" style="width:300px"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="tdesign-vue"/><div class="t-input__suffix"><span>单位：元</span></div><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/label-suffix.tsx 1`] = `"<div><div class="t-select-input" style="width:300px"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><span>前置内容：</span></div><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="tdesign-vue"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div><br/> <br/><div class="t-select-input" style="width:300px"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="tdesign-vue"/><div class="t-input__suffix"><span>单位：元</span></div><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/multiple.tsx 1`] = `"<div class="tdesign-demo__select-input-multiple" style="width:100%"><div><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否允许输入</span></label><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">允许创建新选项（Enter 创建）</span></label></div><br/><div><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;scroll&#x27;" value="scroll"/><span class="t-radio__input"></span><span class="t-radio__label">选中项过多横向滚动</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;break-line&#x27;" checked="" value="break-line"/><span class="t-radio__input"></span><span class="t-radio__label">选中项过多换行显示</span></label></div></div><br/><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/multiple.tsx 1`] = `"<div class="tdesign-demo__select-input-multiple" style="width:100%"><div><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否允许输入</span></label><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">允许创建新选项（Enter 创建）</span></label></div><br/><div><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;scroll&#x27;" value="scroll"/><span class="t-radio__input"></span><span class="t-radio__label">选中项过多横向滚动</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;break-line&#x27;" checked="" value="break-line"/><span class="t-radio__input"></span><span class="t-radio__label">选中项过多换行显示</span></label></div></div><br/><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/single.tsx 1`] = `"<div><div class="t-select-input" style="width:300px"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" value="tdesign-vue"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/single.tsx 1`] = `"<div><div class="t-select-input" style="width:300px"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" value="tdesign-vue"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/status.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>禁用状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" disabled="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--default">这是禁用状态的文本</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>只读状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--default">这是只读状态的文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>成功状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-is-success"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>警告状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-is-warning"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>错误状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-is-error"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>加载状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div><div class="t-input__tips t-input__tips--default">处于加载状态的文本提示</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/status.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>禁用状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" disabled="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--default">这是禁用状态的文本</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>只读状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--default">这是只读状态的文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>成功状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-is-success"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>警告状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-is-warning"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>错误状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-is-error"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>加载状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div><div class="t-input__tips t-input__tips--default">处于加载状态的文本提示</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/width.tsx 1`] = `"<div class="tdesign-demo__select-input-width"><div><span>下拉框默认宽度：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/><div><span>下拉框最大宽度：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/><div><span>与内容宽度一致：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/><div><span>下拉框固定宽度：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/width.tsx 1`] = `"<div class="tdesign-demo__select-input-width"><div><span>下拉框默认宽度：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/><div><span>下拉框最大宽度：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/><div><span>与内容宽度一致：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/><div><span>下拉框固定宽度：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/></div>"`;
 
-exports[`ssr snapshot test > ssr test src/skeleton/_example/advance.tsx 1`] = `"<div style="width:100%"><div class="t-skeleton-demo-card"><div class="header">组合成网页效果</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:33%;height:180px">image</div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:33%;height:180px">image</div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:33%;height:180px">image</div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:50px;height:50px"></div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:calc(100% - 170px);height:30px;margin:20px 0"></div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:80px;height:30px;margin-left:20px">确定</div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%;margin:0 0 16px 0"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:100%;height:300px"><div class="row-col-content"><h3 class="row-col-content__header">标题</h3><div class="row-col-content__content">内容</div></div></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">组合成列表效果</div><div class="content"><ul><li style="padding:16px 0;display:flex"><div style="display:inline-block;height:56px;margin:6px 16px 6px 0px;flex-shrink:0"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div><div style="display:inline-block;width:90%"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></li><li style="padding:16px 0;display:flex"><div style="display:inline-block;height:56px;margin:6px 16px 6px 0px;flex-shrink:0"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div><div style="display:inline-block;width:90%"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></li><li style="padding:16px 0;display:flex"><div style="display:inline-block;height:56px;margin:6px 16px 6px 0px;flex-shrink:0"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div><div style="display:inline-block;width:90%"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/skeleton/_example/advance.tsx 1`] = `"<div style="width:100%"><div class="t-skeleton-demo-card"><div class="header">组合成网页效果</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:33%;height:180px">image</div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:33%;height:180px">image</div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:33%;height:180px">image</div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:50px;height:50px"></div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:calc(100% - 170px);height:30px;margin:20px 0"></div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:80px;height:30px;margin-left:20px">确定</div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%;margin:0 0 16px 0"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:100%;height:300px"><div class="row-col-content"><h3 class="row-col-content__header">标题</h3><div class="row-col-content__content">内容</div></div></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">组合成列表效果</div><div class="content"><ul><li style="padding:16px 0;display:flex"><div style="display:inline-block;height:56px;margin:6px 16px 6px 0px;flex-shrink:0"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div><div style="display:inline-block;width:90%"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></li><li style="padding:16px 0;display:flex"><div style="display:inline-block;height:56px;margin:6px 16px 6px 0px;flex-shrink:0"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div><div style="display:inline-block;width:90%"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></li><li style="padding:16px 0;display:flex"><div style="display:inline-block;height:56px;margin:6px 16px 6px 0px;flex-shrink:0"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div><div style="display:inline-block;width:90%"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/skeleton/_example/animation.tsx 1`] = `"<div class="t-skeleton-demo"><div class="t-skeleton-demo-card"><div class="header">渐变加载动画</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">闪烁加载动画</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/skeleton/_example/animation.tsx 1`] = `"<div class="t-skeleton-demo"><div class="t-skeleton-demo-card"><div class="header">渐变加载动画</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">闪烁加载动画</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/skeleton/_example/base.tsx 1`] = `"<div><div><button style="margin-bottom:20px" type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/skeleton/_example/base.tsx 1`] = `"<div><div><button style="margin-bottom:20px" type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/skeleton/_example/delay.tsx 1`] = `"<div><div><button style="margin-bottom:20px" type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed"></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/skeleton/_example/delay.tsx 1`] = `"<div><div><button style="margin-bottom:20px" type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed"></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/skeleton/_example/theme.tsx 1`] = `"<div class="t-skeleton-demo"><div class="t-skeleton-demo-card"><div class="header">文本</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">头像</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">段落</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">头像描述</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:32px"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">选项卡</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:200px"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">文章</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:100%;height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:100%;height:200px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/skeleton/_example/theme.tsx 1`] = `"<div class="t-skeleton-demo"><div class="t-skeleton-demo-card"><div class="header">文本</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">头像</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">段落</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">头像描述</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:32px"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">选项卡</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:200px"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">文章</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:100%;height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:100%;height:200px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/base.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/base.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/disabled.tsx 1`] = `"<div class="t-slider__container"><div class="t-slider t-is-disabled"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/disabled.tsx 1`] = `"<div class="t-slider__container"><div class="t-slider t-is-disabled"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/input-number.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider t-slider--with-input"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container"><div class="t-input-number t-size-m t-input-number--row t-slider-input"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div><div class="t-slider__container"><div class="t-slider t-slider--with-input"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container"><div class="t-input-number t-size-m t-input-number--row t-slider-input"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div><div class="t-slider__center-line"></div><div class="t-input-number t-size-m t-input-number--row t-slider-input"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/input-number.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider t-slider--with-input"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container"><div class="t-input-number t-size-m t-input-number--row t-slider-input"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div><div class="t-slider__container"><div class="t-slider t-slider--with-input"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container"><div class="t-input-number t-size-m t-input-number--row t-slider-input"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div><div class="t-slider__center-line"></div><div class="t-input-number t-size-m t-input-number--row t-slider-input"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/input-number-vertical.tsx 1`] = `"<div style="display:flex;justify-content:center"><div style="height:300px;margin-right:100px"><div style="margin-bottom:50px" class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical t-slider--with-input"><div class="t-slider__rail"><div style="bottom:0%;height:10%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container is-vertical"><div class="t-input-number t-size-m t-input-number--row t-slider-input is-vertical"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div><div style="height:300px"><div class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical t-slider--with-input"><div class="t-slider__rail"><div style="bottom:10%;height:70%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="bottom:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container is-vertical"><div class="t-input-number t-size-m t-input-number--row t-slider-input is-vertical"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div><div class="t-slider__center-line"></div><div class="t-input-number t-size-m t-input-number--row t-slider-input is-vertical"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/input-number-vertical.tsx 1`] = `"<div style="display:flex;justify-content:center"><div style="height:300px;margin-right:100px"><div style="margin-bottom:50px" class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical t-slider--with-input"><div class="t-slider__rail"><div style="bottom:0%;height:10%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container is-vertical"><div class="t-input-number t-size-m t-input-number--row t-slider-input is-vertical"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div><div style="height:300px"><div class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical t-slider--with-input"><div class="t-slider__rail"><div style="bottom:10%;height:70%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="bottom:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container is-vertical"><div class="t-input-number t-size-m t-input-number--row t-slider-input is-vertical"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div><div class="t-slider__center-line"></div><div class="t-input-number t-size-m t-input-number--row t-slider-input is-vertical"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/marks.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:12%" class="t-slider__stop"></div><div style="left:37%" class="t-slider__stop"></div><div style="left:60%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">0°C</div><div style="left:12%" class="t-slider__mark-text">12°C</div><div style="left:37%" class="t-slider__mark-text">37°C</div><div style="left:60%" class="t-slider__mark-text"><button style="color:#1989FA">60°C</button></div></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:8%" class="t-slider__stop"></div><div style="left:37%" class="t-slider__stop"></div><div style="left:50%" class="t-slider__stop"></div><div style="left:70%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">0°C</div><div style="left:8%" class="t-slider__mark-text">8°C</div><div style="left:37%" class="t-slider__mark-text">37°C</div><div style="left:50%" class="t-slider__mark-text"><strong style="color:#1989FA">50°C</strong></div><div style="left:70%" class="t-slider__mark-text">70°C</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/marks.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:12%" class="t-slider__stop"></div><div style="left:37%" class="t-slider__stop"></div><div style="left:60%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">0°C</div><div style="left:12%" class="t-slider__mark-text">12°C</div><div style="left:37%" class="t-slider__mark-text">37°C</div><div style="left:60%" class="t-slider__mark-text"><button style="color:#1989FA">60°C</button></div></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:8%" class="t-slider__stop"></div><div style="left:37%" class="t-slider__stop"></div><div style="left:50%" class="t-slider__stop"></div><div style="left:70%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">0°C</div><div style="left:8%" class="t-slider__mark-text">8°C</div><div style="left:37%" class="t-slider__mark-text">37°C</div><div style="left:50%" class="t-slider__mark-text"><strong style="color:#1989FA">50°C</strong></div><div style="left:70%" class="t-slider__mark-text">70°C</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/min-and-max.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:0%" class="t-slider__track"></div><div style="left:0%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">min:10</div><div style="left:100%" class="t-slider__mark-text">max:30</div></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:50%" class="t-slider__track"></div><div style="left:0%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:50%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">min:10</div><div style="left:100%" class="t-slider__mark-text">max:30</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/min-and-max.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:0%" class="t-slider__track"></div><div style="left:0%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">min:10</div><div style="left:100%" class="t-slider__mark-text">max:30</div></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:50%" class="t-slider__track"></div><div style="left:0%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:50%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">min:10</div><div style="left:100%" class="t-slider__mark-text">max:30</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/step.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/step.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/vertical.tsx 1`] = `"<div style="display:flex;justify-content:center"><div style="height:300px;margin-right:100px"><div style="margin-bottom:50px" class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:0%;height:10%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div></div><div style="height:300px"><div class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:10%;height:70%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="bottom:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/vertical.tsx 1`] = `"<div style="display:flex;justify-content:center"><div style="height:300px;margin-right:100px"><div style="margin-bottom:50px" class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:0%;height:10%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div></div><div style="height:300px"><div class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:10%;height:70%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="bottom:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/vertical-marks.tsx 1`] = `"<div style="display:flex;justify-content:center"><div style="height:400px;margin-right:100px"><div style="margin-bottom:50px" class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:0%;height:10%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="top:88%" class="t-slider__stop"></div><div style="top:63%" class="t-slider__stop"></div><div style="top:40%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="top:100%" class="t-slider__mark-text">0°C</div><div style="top:88%" class="t-slider__mark-text">12°C</div><div style="top:63%" class="t-slider__mark-text">37°C</div><div style="top:40%" class="t-slider__mark-text"><button style="color:#1989FA">60°C</button></div></div></div></div></div></div><div style="height:400px"><div class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:10%;height:70%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="bottom:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="top:92%" class="t-slider__stop"></div><div style="top:63%" class="t-slider__stop"></div><div style="top:50%" class="t-slider__stop"></div><div style="top:30.000000000000004%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="top:100%" class="t-slider__mark-text">0°C</div><div style="top:92%" class="t-slider__mark-text">8°C</div><div style="top:63%" class="t-slider__mark-text">37°C</div><div style="top:50%" class="t-slider__mark-text"><strong style="color:#1989FA">50°C</strong></div><div style="top:30.000000000000004%" class="t-slider__mark-text">70°C</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/vertical-marks.tsx 1`] = `"<div style="display:flex;justify-content:center"><div style="height:400px;margin-right:100px"><div style="margin-bottom:50px" class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:0%;height:10%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="top:88%" class="t-slider__stop"></div><div style="top:63%" class="t-slider__stop"></div><div style="top:40%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="top:100%" class="t-slider__mark-text">0°C</div><div style="top:88%" class="t-slider__mark-text">12°C</div><div style="top:63%" class="t-slider__mark-text">37°C</div><div style="top:40%" class="t-slider__mark-text"><button style="color:#1989FA">60°C</button></div></div></div></div></div></div><div style="height:400px"><div class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:10%;height:70%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="bottom:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="top:92%" class="t-slider__stop"></div><div style="top:63%" class="t-slider__stop"></div><div style="top:50%" class="t-slider__stop"></div><div style="top:30.000000000000004%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="top:100%" class="t-slider__mark-text">0°C</div><div style="top:92%" class="t-slider__mark-text">8°C</div><div style="top:63%" class="t-slider__mark-text">37°C</div><div style="top:50%" class="t-slider__mark-text"><strong style="color:#1989FA">50°C</strong></div><div style="top:30.000000000000004%" class="t-slider__mark-text">70°C</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/space/_example/align.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-start t-space-horizontal"><div class="t-space-item"><div>start</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div>center</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-end t-space-horizontal"><div class="t-space-item"><div>end</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-baseline t-space-horizontal"><div class="t-space-item"><div>baseline</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/space/_example/align.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-start t-space-horizontal"><div class="t-space-item"><div>start</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div>center</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-end t-space-horizontal"><div class="t-space-item"><div>end</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-baseline t-space-horizontal"><div class="t-space-item"><div>baseline</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/space/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/space/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/space/_example/break-line.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/space/_example/break-line.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/space/_example/separator.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">Text</span></button></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical"></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">Text</span></button></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical"></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">Text</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/space/_example/separator.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">Text</span></button></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical"></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">Text</span></button></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical"></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">Text</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/space/_example/size.tsx 1`] = `"<div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:8%" class="t-slider__track"></div><div style="left:8%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div><br/><div style="gap:8px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/space/_example/size.tsx 1`] = `"<div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:8%" class="t-slider__track"></div><div style="left:8%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div><br/><div style="gap:8px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/space/_example/vertical.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header"></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header"></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header"></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/space/_example/vertical.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header"></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header"></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header"></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/animation.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Start</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Update value</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">refs</span></button></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">0.00</span><span class="t-statistic-content-suffix">%</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/statistic/_example/animation.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Start</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Update value</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">refs</span></button></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">0.00</span><span class="t-statistic-content-suffix">%</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/base.tsx 1`] = `"<div style="gap:100px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">USD</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/statistic/_example/base.tsx 1`] = `"<div style="gap:100px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">USD</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-text-color-primary)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-brand-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-error-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-warning-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-success-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/statistic/_example/color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-text-color-primary)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-brand-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-error-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-warning-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-success-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/combination.tsx 1`] = `"<div style="gap:100px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><i style="font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:var(--td-radius-medium);padding:12px" class="t-icon t-icon-chart"></i></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span><span class="t-statistic-content-suffix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span><span class="t-statistic-content-value">52.18</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><i style="font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:50%;padding:12px" class="t-icon t-icon-internet"></i></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header t-card__title--bordered"><div class="t-card__header-wrapper"><div><div class="t-card__title">Yesterday traffic</div></div></div></div><div class="t-card__body"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Voice duration</div><div class="t-statistic-content"><span class="t-statistic-content-value">789</span><span class="t-statistic-content-unit">minute</span></div><div class="t-statistic-extra">the day before 9%</div></div></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical" style="height:100%"></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total number of voice DAUs</div><div class="t-statistic-content" style="color:var(--td-error-color)"><span class="t-statistic-content-value">188</span></div><div class="t-statistic-extra"><div style="gap:0px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:7px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="width:120px">the day before</div></div><div class="t-space-item"><i style="color:#d54941;font-size:var(--td-font-size-body-large)" class="t-icon t-icon-arrow-up"></i></div><div class="t-space-item">9%</div></div></div><div class="t-space-item"><div style="gap:7px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="width:120px">last week</div></div><div class="t-space-item"><i style="color:#2ba471;font-size:var(--td-font-size-body-large)" class="t-icon t-icon-arrow-down"></i></div><div class="t-space-item">9%</div></div></div></div></div></div></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical" style="height:100%"></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-success-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span><span class="t-statistic-content-value">52.18</span><span class="t-statistic-content-unit">%</span></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/statistic/_example/combination.tsx 1`] = `"<div style="gap:100px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><i style="font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:var(--td-radius-medium);padding:12px" class="t-icon t-icon-chart"></i></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span><span class="t-statistic-content-suffix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span><span class="t-statistic-content-value">52.18</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><i style="font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:50%;padding:12px" class="t-icon t-icon-internet"></i></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header t-card__title--bordered"><div class="t-card__header-wrapper"><div><div class="t-card__title">Yesterday traffic</div></div></div></div><div class="t-card__body"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Voice duration</div><div class="t-statistic-content"><span class="t-statistic-content-value">789</span><span class="t-statistic-content-unit">minute</span></div><div class="t-statistic-extra">the day before 9%</div></div></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical" style="height:100%"></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total number of voice DAUs</div><div class="t-statistic-content" style="color:var(--td-error-color)"><span class="t-statistic-content-value">188</span></div><div class="t-statistic-extra"><div style="gap:0px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:7px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="width:120px">the day before</div></div><div class="t-space-item"><i style="color:#d54941;font-size:var(--td-font-size-body-large)" class="t-icon t-icon-arrow-up"></i></div><div class="t-space-item">9%</div></div></div><div class="t-space-item"><div style="gap:7px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="width:120px">last week</div></div><div class="t-space-item"><i style="color:#2ba471;font-size:var(--td-font-size-body-large)" class="t-icon t-icon-arrow-down"></i></div><div class="t-space-item">9%</div></div></div></div></div></div></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical" style="height:100%"></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-success-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span><span class="t-statistic-content-value">52.18</span><span class="t-statistic-content-unit">%</span></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/loading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Downloads</div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/statistic/_example/loading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Downloads</div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/slot.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg></span><span class="t-statistic-content-value">56.32</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix">$</span><span class="t-statistic-content-value">176,059</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">62.58</span><span class="t-statistic-content-unit">%</span><span class="t-statistic-content-suffix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled" style="color:#ee4d38"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/statistic/_example/slot.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg></span><span class="t-statistic-content-value">56.32</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix">$</span><span class="t-statistic-content-value">176,059</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">62.58</span><span class="t-statistic-content-unit">%</span><span class="t-statistic-content-suffix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled" style="color:#ee4d38"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/trend.tsx 1`] = `"<div style="gap:100px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span><span class="t-statistic-content-suffix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/statistic/_example/trend.tsx 1`] = `"<div style="gap:100px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span><span class="t-statistic-content-suffix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/steps/_example/extra.tsx 1`] = `"<div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤1</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤2</div><div class="t-steps-item__description">这里是提示文字</div><div class="t-steps-item__extra"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text">pre</span></button><div style="display:inline;margin-left:4px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">Next</span></button></div></div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤3</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤4</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/steps/_example/extra.tsx 1`] = `"<div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤1</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤2</div><div class="t-steps-item__description">这里是提示文字</div><div class="t-steps-item__extra"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text">pre</span></button><div style="display:inline;margin-left:4px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">Next</span></button></div></div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤3</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤4</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/steps/_example/icon.tsx 1`] = `"<div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login"><path fill="currentColor" d="M3 11h9.59l-3.5-3.5 1.41-1.41L16.41 12l-5.91 5.91-1.41-1.41 3.5-3.5H3v-2zm11 8.5h5v-15h-5v-2h7v19h-7v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">登录</div><div class="t-steps-item__description">已完成状态</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cart"><path fill="currentColor" d="M0 1h4.76l.55 2h18.08l-3.67 11H7.78l-.5 2H22v2H4.72l1.25-4.99L3.24 3H0V1zm7.76 11h10.52l2.33-7H5.85l1.91 7zM4 21a2 2 0 114 0 2 2 0 01-4 0zm14 0a2 2 0 114 0 2 2 0 01-4 0z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">购物</div><div class="t-steps-item__description">进行中状态</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-wallet"><path fill="currentColor" d="M2 5a3 3 0 013-3h15v2H5a1 1 0 000 2h14a3 3 0 013 3v10a3 3 0 01-3 3H2V5zm2 2.83V20h15a1 1 0 001-1V9a1 1 0 00-1-1H5a3 3 0 01-1-.17zM15 13h3v2h-3v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">支付</div><div class="t-steps-item__description">未开始</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-12.5 4.41L6.09 12l1.41-1.41 3 3 6-6L17.91 9l-7.41 7.41z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">完成</div><div class="t-steps-item__description">未开始</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/steps/_example/icon.tsx 1`] = `"<div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login"><path fill="currentColor" d="M3 11h9.59l-3.5-3.5 1.41-1.41L16.41 12l-5.91 5.91-1.41-1.41 3.5-3.5H3v-2zm11 8.5h5v-15h-5v-2h7v19h-7v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">登录</div><div class="t-steps-item__description">已完成状态</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cart"><path fill="currentColor" d="M0 1h4.76l.55 2h18.08l-3.67 11H7.78l-.5 2H22v2H4.72l1.25-4.99L3.24 3H0V1zm7.76 11h10.52l2.33-7H5.85l1.91 7zM4 21a2 2 0 114 0 2 2 0 01-4 0zm14 0a2 2 0 114 0 2 2 0 01-4 0z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">购物</div><div class="t-steps-item__description">进行中状态</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-wallet"><path fill="currentColor" d="M2 5a3 3 0 013-3h15v2H5a1 1 0 000 2h14a3 3 0 013 3v10a3 3 0 01-3 3H2V5zm2 2.83V20h15a1 1 0 001-1V9a1 1 0 00-1-1H5a3 3 0 01-1-.17zM15 13h3v2h-3v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">支付</div><div class="t-steps-item__description">未开始</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-12.5 4.41L6.09 12l1.41-1.41 3 3 6-6L17.91 9l-7.41 7.41z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">完成</div><div class="t-steps-item__description">未开始</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/steps/_example/no-sequence.tsx 1`] = `"<div class="t-steps t-steps--dot-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/steps/_example/no-sequence.tsx 1`] = `"<div class="t-steps t-steps--dot-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/steps/_example/sequence.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/steps/_example/sequence.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/steps/_example/status.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--error"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-error"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error"><path fill="currentColor" d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">错误的步骤</div><div class="t-steps-item__description">优先展示\`t-step\`中设置的 status</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/steps/_example/status.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--error"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-error"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error"><path fill="currentColor" d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">错误的步骤</div><div class="t-steps-item__description">优先展示\`t-step\`中设置的 status</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/steps/_example/vertical-no-sequence.tsx 1`] = `"<div style="display:flex;justify-content:space-between"><div class="t-steps t-steps--dot-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div><div class="t-steps t-steps--dot-anchor t-steps--vertical t-steps--reverse t-steps--line-separator"><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/steps/_example/vertical-no-sequence.tsx 1`] = `"<div style="display:flex;justify-content:space-between"><div class="t-steps t-steps--dot-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div><div class="t-steps t-steps--dot-anchor t-steps--vertical t-steps--reverse t-steps--line-separator"><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/steps/_example/vertical-sequence.tsx 1`] = `"<div style="display:flex;justify-content:space-between"><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--reverse t-steps--line-separator"><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/steps/_example/vertical-sequence.tsx 1`] = `"<div style="display:flex;justify-content:space-between"><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--reverse t-steps--line-separator"><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/sticky-tool/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/sticky-tool/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/sticky-tool/_example/compact.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/sticky-tool/_example/compact.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/sticky-tool/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg><div class="t-sticky-item__label">qrcode</div></div></div></div><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-220px;bottom:0px" class="t-sticky-tool t-sticky-tool--round"><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/sticky-tool/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg><div class="t-sticky-item__label">qrcode</div></div></div></div><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-220px;bottom:0px" class="t-sticky-tool t-sticky-tool--round"><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/base.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/base.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/card.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content t-swiper-card"><div class="t-swiper__container" style="height:280px"><div class="t-swiper__container__item t-swiper__card t-is-active" style="-ms-transform:translateX(NaNpx) scale(1);-webkit-transform:translateX(NaNpx) scale(1);transform:translateX(NaNpx) scale(1);transition:transform 0.3s ease;z-index:2" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:1" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:0" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:0" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:0" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:1" data-index="5"><div class="demo-item">6</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/card.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content t-swiper-card"><div class="t-swiper__container" style="height:280px"><div class="t-swiper__container__item t-swiper__card t-is-active" style="-ms-transform:translateX(NaNpx) scale(1);-webkit-transform:translateX(NaNpx) scale(1);transform:translateX(NaNpx) scale(1);transition:transform 0.3s ease;z-index:2" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:1" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:0" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:0" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:0" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:1" data-index="5"><div class="demo-item">6</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/current.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space tdesign-demo-block--swiper t-space-vertical"><div class="t-space-item"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">跳转到第 <!-- -->2<!-- --> 项</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/current.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space tdesign-demo-block--swiper t-space-vertical"><div class="t-space-item"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">跳转到第 <!-- -->2<!-- --> 项</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/fade.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content t-swiper-fade"><div class="t-swiper__container" style="height:280px"><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active t-swiper__fade" style="opacity:1" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/fade.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content t-swiper-fade"><div class="t-swiper__container" style="height:280px"><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active t-swiper__fade" style="opacity:1" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/fraction.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><div class="t-swiper__navigation t-swiper__navigation--fraction"><div class="t-swiper__arrow"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__navigation-text-fraction">1<!-- -->/<!-- -->6</div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/fraction.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><div class="t-swiper__navigation t-swiper__navigation--fraction"><div class="t-swiper__arrow"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__navigation-text-fraction">1<!-- -->/<!-- -->6</div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/placement.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--outside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/placement.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--outside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/size.tsx 1`] = `"<div class="tdesign-demo-block--swiper" style="width:1000px"><h3>large</h3><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside t-swiper--large"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item demo-large">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item demo-large">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item demo-large">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item demo-large">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item demo-large">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item demo-large">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item demo-large">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item demo-large">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div><div class="tdesign-demo-block--swiper" style="width:500px;margin-top:20px"><h3>small</h3><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside t-swiper--small"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item demo-small">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item demo-small">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item demo-small">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item demo-small">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item demo-small">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item demo-small">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item demo-small">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item demo-small">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/size.tsx 1`] = `"<div class="tdesign-demo-block--swiper" style="width:1000px"><h3>large</h3><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside t-swiper--large"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item demo-large">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item demo-large">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item demo-large">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item demo-large">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item demo-large">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item demo-large">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item demo-large">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item demo-large">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div><div class="tdesign-demo-block--swiper" style="width:500px;margin-top:20px"><h3>small</h3><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside t-swiper--small"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item demo-small">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item demo-small">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item demo-small">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item demo-small">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item demo-small">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item demo-small">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item demo-small">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item demo-small">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/vertical.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside t-swiper--vertical"><div class="t-swiper__content"><div class="t-swiper__container" style="height:280px;-ms-transform:translate3d(0, -100%, 0px);-webkit-transform:translate3d(0, -100%, 0px);transform:translate3d(0, -100%, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/vertical.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside t-swiper--vertical"><div class="t-swiper__content"><div class="t-swiper__container" style="height:280px;-ms-transform:translate3d(0, -100%, 0px);-webkit-transform:translate3d(0, -100%, 0px);transform:translate3d(0, -100%, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/switch/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/beforeChange.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/switch/_example/beforeChange.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/describe.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content">关</div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content">开</div></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"><svg class="t-icon t-icon-close"><use xlink:href="#t-icon-close"></use></svg></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"><svg class="t-icon t-icon-check"><use xlink:href="#t-icon-check"></use></svg></div></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/switch/_example/describe.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content">关</div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content">开</div></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"><svg class="t-icon t-icon-close"><use xlink:href="#t-icon-close"></use></svg></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"><svg class="t-icon t-icon-check"><use xlink:href="#t-icon-check"></use></svg></div></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-s"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/switch/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-s"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-loading t-size-l"><span class="t-switch__handle"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" disabled="" class="t-switch t-is-disabled t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/switch/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-loading t-size-l"><span class="t-switch__handle"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" disabled="" class="t-switch t-is-disabled t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/affix.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space tdesign-demo__table-affix t-space-vertical"><div class="t-space-item"><div><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">表头吸顶</span></label><label tabindex="0" class="t-checkbox t-is-checked" style="margin-left:32px" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">表尾吸底</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">滚动条吸底</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">分页器吸底</span></label><label tabindex="0" class="t-checkbox t-is-checked" style="margin-left:32px" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定左侧列</span></label><label tabindex="0" class="t-checkbox t-is-checked" style="margin-left:32px" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定右侧列</span></label></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--affixed-header t-table--col-draggable t-table--column-resizable" style="position:relative"><div><div><div class="t-table__affixed-header-elm-wrap" style="width:0px;height:0px;opacity:1"></div></div></div><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup></colgroup><thead class="t-table__header"><tr></tr></thead><tbody class="t-table__body"><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr></tbody><tfoot class="t-table__footer"><tr class="t-tdesign__custom-footer-tr"></tr></tfoot></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 38 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number">6</li><li class="t-pagination__number">7</li><li class="t-pagination__number">8</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/affix.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space tdesign-demo__table-affix t-space-vertical"><div class="t-space-item"><div><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">表头吸顶</span></label><label tabindex="0" class="t-checkbox t-is-checked" style="margin-left:32px" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">表尾吸底</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">滚动条吸底</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">分页器吸底</span></label><label tabindex="0" class="t-checkbox t-is-checked" style="margin-left:32px" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定左侧列</span></label><label tabindex="0" class="t-checkbox t-is-checked" style="margin-left:32px" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定右侧列</span></label></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--affixed-header t-table--col-draggable t-table--column-resizable" style="position:relative"><div><div><div class="t-table__affixed-header-elm-wrap" style="width:0px;height:0px;opacity:1"></div></div></div><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup></colgroup><thead class="t-table__header"><tr></tr></thead><tbody class="t-table__body"><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr></tbody><tfoot class="t-table__footer"><tr class="t-tdesign__custom-footer-tr"></tr></tfoot></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 38 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number">6</li><li class="t-pagination__number">7</li><li class="t-pagination__number">8</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/async-loading.tsx 1`] = `"<div><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;load-more&#x27;" value="load-more"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载更多</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading&#x27;" checked="" value="loading"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载中</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading-custom&#x27;" value="loading-custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义加载更多</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;&#x27;" value=""/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载完成</span></label></div><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class="t-table__row--full t-table__last-full-row"><td colSpan="5"><div class=""><div class="t-table__row-full-element"><div class="t-table__async-loading t-is-loading"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">loading...</div></div></div></div></div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/async-loading.tsx 1`] = `"<div><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;load-more&#x27;" value="load-more"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载更多</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading&#x27;" checked="" value="loading"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载中</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading-custom&#x27;" value="loading-custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义加载更多</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;&#x27;" value=""/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载完成</span></label></div><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class="t-table__row--full t-table__last-full-row"><td colSpan="5"><div class=""><div class="t-table__row-full-element"><div class="t-table__async-loading t-is-loading"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">loading...</div></div></div></div></div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">小尺寸</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">中尺寸</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">大尺寸</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示斑马纹</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示表格边框</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示悬浮效果</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">宽度自适应</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示表头</span></label></div></div></div><div class="t-space-item"><div class="t-table t-vertical-align-top t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class="0-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class="1-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="2-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class="3-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class="4-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class="5-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class="6-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class="7-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class="8-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class="9-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class="10-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class="11-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class="12-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class="13-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="14-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class="15-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class="16-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class="17-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class="18-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class="19-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class="20-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class="21-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class="22-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class="23-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class="24-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class="25-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="26-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class="27-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 28 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number">1</li><li class="t-pagination__number t-is-current">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number">6</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 6 </span></span></div></div></div></div></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">小尺寸</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">中尺寸</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">大尺寸</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示斑马纹</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示表格边框</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示悬浮效果</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">宽度自适应</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示表头</span></label></div></div></div><div class="t-space-item"><div class="t-table t-vertical-align-top t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class="0-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class="1-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="2-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class="3-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class="4-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class="5-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class="6-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class="7-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class="8-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class="9-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class="10-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class="11-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class="12-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class="13-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="14-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class="15-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class="16-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class="17-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class="18-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class="19-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class="20-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class="21-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class="22-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class="23-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class="24-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class="25-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="26-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class="27-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 28 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number">1</li><li class="t-pagination__number t-is-current">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number">6</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 6 </span></span></div></div></div></div></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/custom-cell.tsx 1`] = `"<div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner"><span style="display:flex;align-items:center"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="margin-right:5px"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg>申请人</span></div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="email" class="t-table__th-email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class=""><div>宣传物料制作费用</div></td><td class=""><div>w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class=""><div>algolia 服务报销</div></td><td class=""><div>r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class=""><div>相关周边制作费</div></td><td class=""><div>p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class=""><div>激励奖品快递费</div></td><td class=""><div>w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class=""><div>宣传物料制作费用</div></td><td class=""><div>r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/custom-cell.tsx 1`] = `"<div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner"><span style="display:flex;align-items:center"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="margin-right:5px"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg>申请人</span></div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="email" class="t-table__th-email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class=""><div>宣传物料制作费用</div></td><td class=""><div>w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class=""><div>algolia 服务报销</div></td><td class=""><div>r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class=""><div>相关周边制作费</div></td><td class=""><div>p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class=""><div>激励奖品快递费</div></td><td class=""><div>w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class=""><div>宣传物料制作费用</div></td><td class=""><div>r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/custom-col.tsx 1`] = `"<div style="max-width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">显示列配置弹窗</span></button></div><div class="t-space-item"><div class="t-table t-table--striped t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/custom-col.tsx 1`] = `"<div style="max-width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">显示列配置弹窗</span></button></div><div class="t-space-item"><div class="t-table t-table--striped t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/custom-col-button.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top-left&#x27;" value="top-left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左上角</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top-right&#x27;" checked="" value="top-right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右上角</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom-left&#x27;" value="bottom-left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左下角</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom-right&#x27;" value="bottom-right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右下角</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否显示边框</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自定义列配置按钮</span></label></div></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--striped" style="position:relative"><div class="t-table__top-content"><div class="t-table__column-controller-trigger t-align-top-right"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-setting"><path fill="currentColor" d="M12 .85l9.66 5.57v11.16L12 23.15l-9.66-5.57V6.42L12 .85zm0 2.3L4.34 7.58v8.84L12 20.85l7.66-4.43V7.58L12 3.15zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></svg><span class="t-button__text">Column Config</span></button></div></div><div class="t-table__content"><table class="t-table--layout-auto"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col/><col/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/custom-col-button.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top-left&#x27;" value="top-left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左上角</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top-right&#x27;" checked="" value="top-right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右上角</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom-left&#x27;" value="bottom-left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左下角</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom-right&#x27;" value="bottom-right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右下角</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否显示边框</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自定义列配置按钮</span></label></div></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--striped" style="position:relative"><div class="t-table__top-content"><div class="t-table__column-controller-trigger t-align-top-right"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-setting"><path fill="currentColor" d="M12 .85l9.66 5.57v11.16L12 23.15l-9.66-5.57V6.42L12 .85zm0 2.3L4.34 7.58v8.84L12 20.85l7.66-4.43V7.58L12 3.15zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></svg><span class="t-button__text">Column Config</span></button></div></div><div class="t-table__content"><table class="t-table--layout-auto"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col/><col/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/custom-footer.tsx 1`] = `"<div class="tdesign-demo-block-column-large tdesign-demo__table"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">普通表尾</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;full&#x27;" value="full"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">通栏表尾</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;custom&#x27;" value="custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义表尾合并列</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="width:150px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr></tbody><tfoot class="t-table__footer"><tr class=""><td class=""><b style="font-weight:bold">表尾信息</b></td><td class=""><div style="width:100%">表尾信息 </div></td><td class="">表尾信息</td><td class=""><div>表尾信息</div></td><td class=""><div style="text-align:left">表尾信息</div></td></tr></tfoot></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/custom-footer.tsx 1`] = `"<div class="tdesign-demo-block-column-large tdesign-demo__table"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">普通表尾</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;full&#x27;" value="full"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">通栏表尾</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;custom&#x27;" value="custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义表尾合并列</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="width:150px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr></tbody><tfoot class="t-table__footer"><tr class=""><td class=""><b style="font-weight:bold">表尾信息</b></td><td class=""><div style="width:100%">表尾信息 </div></td><td class="">表尾信息</td><td class=""><div>表尾信息</div></td><td class=""><div style="text-align:left">表尾信息</div></td></tr></tfoot></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/custom-header.tsx 1`] = `"<div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="width:200px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner"><b style="font-weight:bold">申请事项</b></div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class="">宣传物料制作费用</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class="">algolia 服务报销</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class="">相关周边制作费</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class="">激励奖品快递费</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class="">宣传物料制作费用</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/custom-header.tsx 1`] = `"<div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="width:200px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner"><b style="font-weight:bold">申请事项</b></div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class="">宣传物料制作费用</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class="">algolia 服务报销</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class="">相关周边制作费</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class="">激励奖品快递费</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class="">宣传物料制作费用</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/data-sort.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><label tabindex="0" class="t-checkbox" style="margin-bottom:16px"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否允许多字段排序</span></label></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请耗时(天)</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/data-sort.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><label tabindex="0" class="t-checkbox" style="margin-bottom:16px"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否允许多字段排序</span></label></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请耗时(天)</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/drag-col-sort.tsx 1`] = `"<div class="t-table t-table--col-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant t-table__th--drag-sort"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status t-table__th--drag-sort"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel t-table__th--drag-sort"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email t-table__th--drag-sort"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime t-table__th--drag-sort"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/drag-col-sort.tsx 1`] = `"<div class="t-table t-table--col-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant t-table__th--drag-sort"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status t-table__th--drag-sort"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel t-table__th--drag-sort"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email t-table__th--drag-sort"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime t-table__th--drag-sort"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/drag-sort.tsx 1`] = `"<div class="t-table t-table--row-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr data-id="1" class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr data-id="2" class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr data-id="3" class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr data-id="4" class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr data-id="5" class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/drag-sort.tsx 1`] = `"<div class="t-table t-table--row-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr data-id="1" class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr data-id="2" class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr data-id="3" class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr data-id="4" class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr data-id="5" class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/drag-sort-handler.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加载状态</span></label></div><div class="t-space-item"><div class="t-table t-table--row-handler-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:46px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="drag" class="t-table__th-drag"><div class="t-table__th-cell-inner">排序</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr data-id="1" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr data-id="2" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr data-id="3" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr data-id="4" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr data-id="5" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/drag-sort-handler.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加载状态</span></label></div><div class="t-space-item"><div class="t-table t-table--row-handler-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:46px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="drag" class="t-table__th-drag"><div class="t-table__th-cell-inner">排序</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr data-id="1" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr data-id="2" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr data-id="3" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr data-id="4" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr data-id="5" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/editable-cell.tsx 1`] = `"<div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="width:280px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="firstName" class="t-table__th-firstName"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="letters" class="t-table__th-letters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">创建日期</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr><tr class=""><td class=""></td><td class=""></td><td class=""></td><td class=""></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/editable-cell.tsx 1`] = `"<div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="width:280px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="firstName" class="t-table__th-firstName"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="letters" class="t-table__th-letters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">创建日期</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr><tr class=""><td class=""></td><td class=""></td><td class=""></td><td class=""></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/editable-row.tsx 1`] = `"<div class="t-table-demo__editable-row"><div><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">全量校验</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" checked="" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单行校验</span></label></div></div><br/><br/><div class="t-table t-table--bordered t-table--row-edit" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="width:150px"/><col style="width:200px"/><col style="width:150px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="firstName" class="t-table__th-firstName"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="letters" class="t-table__th-letters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="createTime" class="t-demo-col__datepicker t-table__th-createTime"><div class="t-table__th-cell-inner">创建日期</div></th><th data-colkey="operate" class="t-table__th-operate"><div class="t-table__th-cell-inner">操作栏</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class=""><div class="t-table__cell-wrap"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autofocus="" value=""/><span class="t-input__input-pre">please enter</span></div></div></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty t-input--auto-width" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell-wrap"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></td><td class=""><div class="table-operations"><a data-id="1" class="t-link t-link--theme-primary t-link--hover-color">保存</a><a data-id="1" class="t-link t-link--theme-primary t-link--hover-color">取消</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="2" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="3" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="4" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="5" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/editable-row.tsx 1`] = `"<div class="t-table-demo__editable-row"><div><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">全量校验</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" checked="" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单行校验</span></label></div></div><br/><br/><div class="t-table t-table--bordered t-table--row-edit" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="width:150px"/><col style="width:200px"/><col style="width:150px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="firstName" class="t-table__th-firstName"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="letters" class="t-table__th-letters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="createTime" class="t-demo-col__datepicker t-table__th-createTime"><div class="t-table__th-cell-inner">创建日期</div></th><th data-colkey="operate" class="t-table__th-operate"><div class="t-table__th-cell-inner">操作栏</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class=""><div class="t-table__cell-wrap"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autofocus="" value=""/><span class="t-input__input-pre">please enter</span></div></div></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty t-input--auto-width" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell-wrap"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></td><td class=""><div class="table-operations"><a data-id="1" class="t-link t-link--theme-primary t-link--hover-color">保存</a><a data-id="1" class="t-link t-link--theme-primary t-link--hover-color">取消</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="2" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="3" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="4" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="5" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/ellipsis.tsx 1`] = `"<div><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="width:120px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="width:100px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">申请人</div></div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">签署方式（超长标题示例）</div></div></th><th data-colkey="ellipsisProps" class="t-table__th-ellipsisProps"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="ellipsisContent" class="t-table__th-ellipsisContent"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">申请事项</div></div></th><th data-colkey="propsAndContent1" class="t-table__th-propsAndContent1"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">审核时间</div></div></th><th data-colkey="link" class="t-table__th-link"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">操作</div></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">宣传物料制作费用</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2021-11-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">algolia 服务报销</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2021-12-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">王芳（fangWang)</div></td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">相关周边制作费</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2022-01-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">激励奖品快递费</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2022-02-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">宣传物料制作费用</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2021-11-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/ellipsis.tsx 1`] = `"<div><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="width:120px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="width:100px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">申请人</div></div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">签署方式（超长标题示例）</div></div></th><th data-colkey="ellipsisProps" class="t-table__th-ellipsisProps"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="ellipsisContent" class="t-table__th-ellipsisContent"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">申请事项</div></div></th><th data-colkey="propsAndContent1" class="t-table__th-propsAndContent1"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">审核时间</div></div></th><th data-colkey="link" class="t-table__th-link"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">操作</div></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">宣传物料制作费用</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2021-11-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">algolia 服务报销</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2021-12-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">王芳（fangWang)</div></td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">相关周边制作费</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2022-01-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">激励奖品快递费</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2022-02-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">宣传物料制作费用</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2021-11-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/empty.tsx 1`] = `"<div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:150px"/><col style="width:300px"/><col style="width:150px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="project" class="t-table__th-project"><div class="t-table__th-cell-inner">项目名称</div></th><th data-colkey="member" class="t-table__th-member"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="company" class="t-table__th-company"><div class="t-table__th-cell-inner">所属公司</div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__empty-row"><td colSpan="3"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:150px"/><col style="width:300px"/><col style="width:150px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="project" class="t-table__th-project"><div class="t-table__th-cell-inner">项目名称</div></th><th data-colkey="member" class="t-table__th-member"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="company" class="t-table__th-company"><div class="t-table__th-cell-inner">所属公司</div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__empty-row"><td colSpan="3"><div class="t-table__empty"><span style="display:flex;align-items:center;justify-content:center;height:100px">😄 it is empty. 😁</span></div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/empty.tsx 1`] = `"<div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:150px"/><col style="width:300px"/><col style="width:150px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="project" class="t-table__th-project"><div class="t-table__th-cell-inner">项目名称</div></th><th data-colkey="member" class="t-table__th-member"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="company" class="t-table__th-company"><div class="t-table__th-cell-inner">所属公司</div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__empty-row"><td colSpan="3"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:150px"/><col style="width:300px"/><col style="width:150px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="project" class="t-table__th-project"><div class="t-table__th-cell-inner">项目名称</div></th><th data-colkey="member" class="t-table__th-member"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="company" class="t-table__th-company"><div class="t-table__th-cell-inner">所属公司</div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__empty-row"><td colSpan="3"><div class="t-table__empty"><span style="display:flex;align-items:center;justify-content:center;height:100px">😄 it is empty. 😁</span></div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/expandable.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;true&#x27;" checked="" value="true"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"> 显示展开图标 </span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;false&#x27;" value="false"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"> 隐藏展开图标 </span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;custom&#x27;" value="custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"> 自由控制展开图标 </span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><div><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">允许点击行之后展开/收起</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定列</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">空数据</span></label></div></div><div class="t-space-item"><div class="t-table t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed" style="width:1200px"><colgroup><col style="width:46px"/><col style="width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="__EXPAND_ROW_ICON_COLUMN__" class="t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__"><div class="t-table__th-cell-inner"></div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody></table></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/expandable.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;true&#x27;" checked="" value="true"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"> 显示展开图标 </span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;false&#x27;" value="false"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"> 隐藏展开图标 </span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;custom&#x27;" value="custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"> 自由控制展开图标 </span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><div><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">允许点击行之后展开/收起</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定列</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">空数据</span></label></div></div><div class="t-space-item"><div class="t-table t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed" style="width:1200px"><colgroup><col style="width:46px"/><col style="width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="__EXPAND_ROW_ICON_COLUMN__" class="t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__"><div class="t-table__th-cell-inner"></div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody></table></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/filter-controlled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">清空已筛选</span></button></div><div class="t-space-item"><span>已选筛选条件：<!-- -->{&quot;lastName&quot;:[]}</span></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>签署方式</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="email" class="t-table__th-email"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>Email</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable t-table__cell--filterable"><div class="t-table__cell--title"><div>Date</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__row--full t-table__first-full-row"><td colSpan="5"><div class=""><div class="t-table__row-full-element"><div class="t-table__row-filter-inner"><div class="t-table__filter-result"><span>Search &quot;&quot;. Find 5 items.</span><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">Clear</span></button></div></div></div></div></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 0 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li></ul><div class="t-pagination__btn t-pagination__btn-next t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 1 </span></span></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/filter-controlled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">清空已筛选</span></button></div><div class="t-space-item"><span>已选筛选条件：<!-- -->{&quot;lastName&quot;:[]}</span></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>签署方式</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="email" class="t-table__th-email"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>Email</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable t-table__cell--filterable"><div class="t-table__cell--title"><div>Date</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__row--full t-table__first-full-row"><td colSpan="5"><div class=""><div class="t-table__row-full-element"><div class="t-table__row-filter-inner"><div class="t-table__filter-result"><span>Search &quot;&quot;. Find 5 items.</span><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">Clear</span></button></div></div></div></div></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 0 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li></ul><div class="t-pagination__btn t-pagination__btn-next t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 1 </span></span></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/fixed-column.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="1" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧固定一列</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="2" checked="" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧固定两列</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧固定一列</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧固定两列</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: fixed</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: auto</span></label><div class="t-radio-group__bg-block"></div></div><label tabindex="0" class="t-checkbox" style="margin-left:16px;vertical-align:middle"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">空数据</span></label></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:180px"/><col style="width:200px"/><col style="width:120px"/><col style="width:100px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请日期</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">宣传物料制作费用</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">algolia 服务报销</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">p.cumx@rampblpa.ru</td><td class="">相关周边制作费</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">激励奖品快递费</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">宣传物料制作费用</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody></table></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/fixed-column.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="1" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧固定一列</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="2" checked="" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧固定两列</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧固定一列</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧固定两列</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: fixed</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: auto</span></label><div class="t-radio-group__bg-block"></div></div><label tabindex="0" class="t-checkbox" style="margin-left:16px;vertical-align:middle"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">空数据</span></label></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:180px"/><col style="width:200px"/><col style="width:120px"/><col style="width:100px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请日期</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">宣传物料制作费用</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">algolia 服务报销</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">p.cumx@rampblpa.ru</td><td class="">相关周边制作费</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">激励奖品快递费</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">宣传物料制作费用</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody></table></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/fixed-header.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: fixed</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: auto</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否冻结首尾两行</span></label></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="max-height:300px"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:120px"/><col style="width:150px"/><col style="width:160px"/><col style="width:120px"/><col style="width:120px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请日期</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer"><tr class=""><td class="">-</td><td class="">-</td><td class="">-</td><td class="">-</td><td class="">-</td><td class="">-</td></tr></tfoot></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/fixed-header.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: fixed</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: auto</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否冻结首尾两行</span></label></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="max-height:300px"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:120px"/><col style="width:150px"/><col style="width:160px"/><col style="width:120px"/><col style="width:120px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请日期</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer"><tr class=""><td class="">-</td><td class="">-</td><td class="">-</td><td class="">-</td><td class="">-</td><td class="">-</td></tr></tfoot></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/fixed-header-col.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fixed&#x27;" value="fixed"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: fixed</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" checked="" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: auto</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否冻结首尾两行</span></label></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="max-height:300px"><table class="t-table--layout-auto" style="width:1600px"><colgroup><col style="width:100px"/><col style="width:150px"/><col/><col style="width:150px"/><col/><col style="width:120px"/><col style="width:150px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请日期</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">宣传物料制作费用</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">相关周边制作费</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">激励奖品快递费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">宣传物料制作费用</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">相关周边制作费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">激励奖品快递费</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">宣传物料制作费用</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">algolia 服务报销</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">相关周边制作费</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">激励奖品快递费</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">宣传物料制作费用</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">相关周边制作费</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">激励奖品快递费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">宣传物料制作费用</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">相关周边制作费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">激励奖品快递费</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer"><tr class=""><td class="">共20条</td><td class="">-</td><td class=""></td><td class="">-</td><td class=""></td><td class="">-</td><td class="">-</td></tr></tfoot></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/fixed-header-col.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fixed&#x27;" value="fixed"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: fixed</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" checked="" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: auto</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否冻结首尾两行</span></label></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="max-height:300px"><table class="t-table--layout-auto" style="width:1600px"><colgroup><col style="width:100px"/><col style="width:150px"/><col/><col style="width:150px"/><col/><col style="width:120px"/><col style="width:150px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请日期</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">宣传物料制作费用</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">相关周边制作费</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">激励奖品快递费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">宣传物料制作费用</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">相关周边制作费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">激励奖品快递费</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">宣传物料制作费用</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">algolia 服务报销</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">相关周边制作费</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">激励奖品快递费</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">宣传物料制作费用</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">相关周边制作费</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">激励奖品快递费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">宣传物料制作费用</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">相关周边制作费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">激励奖品快递费</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer"><tr class=""><td class="">共20条</td><td class="">-</td><td class=""></td><td class="">-</td><td class=""></td><td class="">-</td><td class="">-</td></tr></tfoot></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/lazy.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button style="margin-top:10px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">列表恢复初始状态</span></button></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="height:300px"><table class="t-table--layout-fixed t-table--full-height"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/lazy.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button style="margin-top:10px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">列表恢复初始状态</span></button></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="height:300px"><table class="t-table--layout-fixed t-table--full-height"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/loading.tsx 1`] = `"<div><div class="t-table t-table--loading" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="instance" class="t-table__th-instance"><div class="t-table__th-cell-inner">集群名称</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="owner" class="t-table__th-owner"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">描述</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text"></div></div></div><div class="t-table t-table--loading" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="instance" class="t-table__th-instance"><div class="t-table__th-cell-inner">集群名称</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="owner" class="t-table__th-owner"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">描述</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">自定义加载状态文本</div></div></div><div class="t-table t-table--loading" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="instance" class="t-table__th-instance"><div class="t-table__th-cell-inner">集群名称</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="owner" class="t-table__th-owner"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">描述</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><div class="t-loading__text"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-loading" style="font-size:20px" name="loading"><path fill="currentColor" d="M12 2.25a9.75 9.75 0 000 19.5v-2.44A7.31 7.31 0 1119.31 12h2.44A9.75 9.75 0 0012 2.25z"></path></svg>  <span>渲染函数自定义加载中（可单独去除内置加载图标）</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/loading.tsx 1`] = `"<div><div class="t-table t-table--loading" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="instance" class="t-table__th-instance"><div class="t-table__th-cell-inner">集群名称</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="owner" class="t-table__th-owner"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">描述</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text"></div></div></div><div class="t-table t-table--loading" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="instance" class="t-table__th-instance"><div class="t-table__th-cell-inner">集群名称</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="owner" class="t-table__th-owner"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">描述</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">自定义加载状态文本</div></div></div><div class="t-table t-table--loading" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="instance" class="t-table__th-instance"><div class="t-table__th-cell-inner">集群名称</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="owner" class="t-table__th-owner"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">描述</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><div class="t-loading__text"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-loading" style="font-size:20px" name="loading"><path fill="currentColor" d="M12 2.25a9.75 9.75 0 000 19.5v-2.44A7.31 7.31 0 1119.31 12h2.44A9.75 9.75 0 0012 2.25z"></path></svg>  <span>渲染函数自定义加载中（可单独去除内置加载图标）</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/merge-cells.tsx 1`] = `"<div class="t-table t-table--bordered t-table--rowspan-colspan" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:150px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">审批事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="channel" class="t-table__th-channel" colSpan="2"><div class="t-table__th-cell-inner">其他信息</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/merge-cells.tsx 1`] = `"<div class="t-table t-table--bordered t-table--rowspan-colspan" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:150px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">审批事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="channel" class="t-table__th-channel" colSpan="2"><div class="t-table__th-cell-inner">其他信息</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/multi-header.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示表格边框</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示固定表头</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定左侧列</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定右侧列</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">表头吸顶</span></label></div></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--multiple-header" style="position:relative"><div class="t-table__top-content"><div class="t-table__column-controller-trigger t-align-top-right"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-setting"><path fill="currentColor" d="M12 .85l9.66 5.57v11.16L12 23.15l-9.66-5.57V6.42L12 .85zm0 2.3L4.34 7.58v8.84L12 20.85l7.66-4.43V7.58L12 3.15zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></svg><span class="t-button__text">Column Config</span></button></div></div><div class="t-table__content" style="max-height:380px"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:120px"/><col style="width:110px"/><col style="width:150px"/><col style="width:100px"/><col style="width:100px"/><col style="width:100px"/><col style="width:120px"/><col style="width:120px"/><col style="width:120px"/><col style="width:150px"/><col style="width:120px"/></colgroup><thead class="t-table__header t-table__header--fixed t-table--bordered t-table__header--multiple"><tr><th data-colkey="applicant" class="t-table__th-applicant" rowspan="3"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="total_info" class="t-table__th-total_info" colSpan="3"><div class="t-table__th-cell-inner">申请汇总</div></th><th data-colkey="field1" class="t-table__th-field1" rowspan="3"><div class="t-table__th-cell-inner">住宿费</div></th><th data-colkey="field3" class="t-table__th-field3" rowspan="3"><div class="t-table__th-cell-inner">交通费</div></th><th data-colkey="field4" class="t-table__th-field4" rowspan="3"><div class="t-table__th-cell-inner">物料费</div></th><th data-colkey="field2" class="t-table__th-field2" rowspan="3"><div class="t-table__th-cell-inner">奖品激励费</div></th><th data-colkey="instruction" class="t-table__th-instruction" colSpan="3"><div class="t-table__th-cell-inner">审批汇总</div></th><th data-colkey="createTime" class="t-table__th-createTime" rowspan="3"><div class="t-table__th-cell-inner">申请时间</div></th></tr><tr><th data-colkey="platform" class="t-table__header-th--bordered t-table__th-platform" rowspan="2"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="type_default" class="t-table__th-type_default" colSpan="2"><div class="t-table__th-cell-inner">申请渠道和金额</div></th><th data-colkey="property" class="t-table__th-property" rowspan="2"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>审批状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="description" class="t-table__th-description" colSpan="2"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">说明</div></div></th></tr><tr><th data-colkey="channel" class="t-table__header-th--bordered t-table__th-channel"><div class="t-table__th-cell-inner">类型</div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner">申请耗时(天)</div></th><th data-colkey="field7" class="t-table__th-field7"><div class="t-table__th-cell-inner">审批单号</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">组长审批</td><td class="">审批单号001</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">部门审批</td><td class="">审批单号002</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">财务审批</td><td class="">审批单号003</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">组长审批</td><td class="">审批单号004</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">部门审批</td><td class="">审批单号005</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">财务审批</td><td class="">审批单号006</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">组长审批</td><td class="">审批单号007</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">部门审批</td><td class="">审批单号008</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">财务审批</td><td class="">审批单号009</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">组长审批</td><td class="">审批单号0010</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">部门审批</td><td class="">审批单号0011</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">财务审批</td><td class="">审批单号0012</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">组长审批</td><td class="">审批单号0013</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">部门审批</td><td class="">审批单号0014</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">财务审批</td><td class="">审批单号0015</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">组长审批</td><td class="">审批单号0016</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">部门审批</td><td class="">审批单号0017</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">财务审批</td><td class="">审批单号0018</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">组长审批</td><td class="">审批单号0019</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">部门审批</td><td class="">审批单号0020</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/multi-header.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示表格边框</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示固定表头</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定左侧列</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定右侧列</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">表头吸顶</span></label></div></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--multiple-header" style="position:relative"><div class="t-table__top-content"><div class="t-table__column-controller-trigger t-align-top-right"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-setting"><path fill="currentColor" d="M12 .85l9.66 5.57v11.16L12 23.15l-9.66-5.57V6.42L12 .85zm0 2.3L4.34 7.58v8.84L12 20.85l7.66-4.43V7.58L12 3.15zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></svg><span class="t-button__text">Column Config</span></button></div></div><div class="t-table__content" style="max-height:380px"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:120px"/><col style="width:110px"/><col style="width:150px"/><col style="width:100px"/><col style="width:100px"/><col style="width:100px"/><col style="width:120px"/><col style="width:120px"/><col style="width:120px"/><col style="width:150px"/><col style="width:120px"/></colgroup><thead class="t-table__header t-table__header--fixed t-table--bordered t-table__header--multiple"><tr><th data-colkey="applicant" class="t-table__th-applicant" rowspan="3"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="total_info" class="t-table__th-total_info" colSpan="3"><div class="t-table__th-cell-inner">申请汇总</div></th><th data-colkey="field1" class="t-table__th-field1" rowspan="3"><div class="t-table__th-cell-inner">住宿费</div></th><th data-colkey="field3" class="t-table__th-field3" rowspan="3"><div class="t-table__th-cell-inner">交通费</div></th><th data-colkey="field4" class="t-table__th-field4" rowspan="3"><div class="t-table__th-cell-inner">物料费</div></th><th data-colkey="field2" class="t-table__th-field2" rowspan="3"><div class="t-table__th-cell-inner">奖品激励费</div></th><th data-colkey="instruction" class="t-table__th-instruction" colSpan="3"><div class="t-table__th-cell-inner">审批汇总</div></th><th data-colkey="createTime" class="t-table__th-createTime" rowspan="3"><div class="t-table__th-cell-inner">申请时间</div></th></tr><tr><th data-colkey="platform" class="t-table__header-th--bordered t-table__th-platform" rowspan="2"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="type_default" class="t-table__th-type_default" colSpan="2"><div class="t-table__th-cell-inner">申请渠道和金额</div></th><th data-colkey="property" class="t-table__th-property" rowspan="2"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>审批状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="description" class="t-table__th-description" colSpan="2"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">说明</div></div></th></tr><tr><th data-colkey="channel" class="t-table__header-th--bordered t-table__th-channel"><div class="t-table__th-cell-inner">类型</div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner">申请耗时(天)</div></th><th data-colkey="field7" class="t-table__th-field7"><div class="t-table__th-cell-inner">审批单号</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">组长审批</td><td class="">审批单号001</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">部门审批</td><td class="">审批单号002</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">财务审批</td><td class="">审批单号003</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">组长审批</td><td class="">审批单号004</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">部门审批</td><td class="">审批单号005</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">财务审批</td><td class="">审批单号006</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">组长审批</td><td class="">审批单号007</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">部门审批</td><td class="">审批单号008</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">财务审批</td><td class="">审批单号009</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">组长审批</td><td class="">审批单号0010</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">部门审批</td><td class="">审批单号0011</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">财务审批</td><td class="">审批单号0012</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">组长审批</td><td class="">审批单号0013</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">部门审批</td><td class="">审批单号0014</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">财务审批</td><td class="">审批单号0015</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">组长审批</td><td class="">审批单号0016</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">部门审批</td><td class="">审批单号0017</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">财务审批</td><td class="">审批单号0018</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">组长审批</td><td class="">审批单号0019</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">部门审批</td><td class="">审批单号0020</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/multiple-sort.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>排序方式：<!-- -->[{&quot;sortBy&quot;:&quot;status&quot;,&quot;descending&quot;:true},{&quot;sortBy&quot;:&quot;survivalTime&quot;,&quot;descending&quot;:false}]</div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请耗时(天)</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/multiple-sort.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>排序方式：<!-- -->[{&quot;sortBy&quot;:&quot;status&quot;,&quot;descending&quot;:true},{&quot;sortBy&quot;:&quot;survivalTime&quot;,&quot;descending&quot;:false}]</div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请耗时(天)</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/pagination.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">跨分页选中</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">当前页选中</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:80px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="width:46px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="serial-number" class="t-table__th-serial-number"><div class="t-table__th-cell-inner">序号</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">6</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">7</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">8</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">9</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">10</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">11</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">12</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">13</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">14</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">15</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">16</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">17</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">18</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">19</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">20</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">21</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">22</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">23</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">24</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">25</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">26</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">27</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">28</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">29</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">30</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">31</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">32</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">33</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">34</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">35</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">36</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">37</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">38</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">39</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">40</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">41</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">42</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">43</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">44</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">45</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">46</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">47</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">48</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">49</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">50</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">51</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">52</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">53</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">54</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">55</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">56</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">57</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">58</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">59</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">60</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">61</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">62</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">63</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">64</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 59 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number">1</li><li class="t-pagination__number t-is-current">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">12</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 12 </span></span></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/pagination.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">跨分页选中</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">当前页选中</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:80px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="width:46px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="serial-number" class="t-table__th-serial-number"><div class="t-table__th-cell-inner">序号</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">6</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">7</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">8</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">9</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">10</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">11</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">12</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">13</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">14</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">15</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">16</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">17</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">18</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">19</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">20</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">21</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">22</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">23</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">24</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">25</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">26</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">27</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">28</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">29</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">30</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">31</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">32</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">33</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">34</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">35</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">36</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">37</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">38</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">39</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">40</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">41</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">42</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">43</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">44</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">45</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">46</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">47</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">48</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">49</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">50</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">51</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">52</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">53</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">54</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">55</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">56</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">57</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">58</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">59</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">60</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">61</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">62</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">63</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">64</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 59 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number">1</li><li class="t-pagination__number t-is-current">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">12</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 12 </span></span></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/select-multiple.tsx 1`] = `"<div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:50px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-checkbox t-is-disabled" title="不可选"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-checkbox t-is-disabled" title="不可选"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/select-multiple.tsx 1`] = `"<div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:50px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-checkbox t-is-disabled" title="不可选"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-checkbox t-is-disabled" title="不可选"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/select-single.tsx 1`] = `"<div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:50px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"></div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/select-single.tsx 1`] = `"<div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:50px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"></div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/single-sort.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">隐藏排序文本提示</span></label><span style="padding-left:16px;vertical-align:top">排序方式：<!-- -->{&quot;sortBy&quot;:&quot;status&quot;,&quot;descending&quot;:true}</span></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="width:120px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__sort-column t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请耗时(天)</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class="t-table__sort-column"><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="">电子签署</td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class="t-table__sort-column"><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td class="">纸质签署</td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class="t-table__sort-column"><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="">纸质签署</td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class="t-table__sort-column"><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td class="">电子签署</td><td class="">2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/single-sort.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">隐藏排序文本提示</span></label><span style="padding-left:16px;vertical-align:top">排序方式：<!-- -->{&quot;sortBy&quot;:&quot;status&quot;,&quot;descending&quot;:true}</span></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="width:120px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__sort-column t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请耗时(天)</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class="t-table__sort-column"><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="">电子签署</td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class="t-table__sort-column"><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td class="">纸质签署</td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class="t-table__sort-column"><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="">纸质签署</td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class="t-table__sort-column"><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td class="">电子签署</td><td class="">2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/style.tsx 1`] = `"<div class="t-demo__style"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:120px"/><col style="width:120px"/><col style="width:120px"/><col style="width:160px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner">申请耗时(天)</div></th><th data-colkey="channel" class="custom-cell-class-name t-table__th-channel t-align-right"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="custom-cell-class-name t-align-right">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="custom-cell-class-name t-align-center" style="font-weight:600;background-color:var(--td-warning-color-light)">10</td><td class="custom-cell-class-name t-align-right">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="custom-third-class-name"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="custom-cell-class-name t-align-right">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="custom-cell-class-name t-align-right">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="custom-cell-class-name t-align-center" style="font-weight:600;background-color:var(--td-warning-color-light)">10</td><td class="custom-cell-class-name t-align-right">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody><tfoot class="t-table__footer"><tr class="t-table__row--full"><td colSpan="6"><div class="t-table__row-full-element"><div class="t-table__row-filter-inner">汇总：近期数据波动较大</div></div></td></tr></tfoot></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/style.tsx 1`] = `"<div class="t-demo__style"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:120px"/><col style="width:120px"/><col style="width:120px"/><col style="width:160px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner">申请耗时(天)</div></th><th data-colkey="channel" class="custom-cell-class-name t-table__th-channel t-align-right"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="custom-cell-class-name t-align-right">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="custom-cell-class-name t-align-center" style="font-weight:600;background-color:var(--td-warning-color-light)">10</td><td class="custom-cell-class-name t-align-right">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="custom-third-class-name"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="custom-cell-class-name t-align-right">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="custom-cell-class-name t-align-right">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="custom-cell-class-name t-align-center" style="font-weight:600;background-color:var(--td-warning-color-light)">10</td><td class="custom-cell-class-name t-align-right">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody><tfoot class="t-table__footer"><tr class="t-table__row--full"><td colSpan="6"><div class="t-table__row-full-element"><div class="t-table__row-filter-inner">汇总：近期数据波动较大</div></div></td></tr></tfoot></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/tree.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">添加根节点</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置/更新数据</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">展开/收起可见行</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">展开全部</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">获取全部树形结构</span></button></div></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox" style="vertical-align:middle"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自定义折叠/展开图标</span></label></div><div class="t-space-item"><div class="t-table t-table--row-handler-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:46px"/><col style="width:80px"/><col style="width:180px"/><col style="width:100px"/><col style="width:340px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="drag" class="t-table__th-drag t-align-center"><div class="t-table__th-cell-inner">排序</div></th><th data-colkey="id" class="t-table__th-id"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">编号</div></div></th><th data-colkey="key" class="t-table__th-key"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">名称</div></div></th><th data-colkey="platform" class="t-table__th-platform"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="operate" class="t-table__th-operate t-align-center"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr data-id="申请人 0_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">0</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline">申请人 0_1 号</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 1_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">1</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 1_1 号</div></div></td><td class="">纸质签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 2_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 2_1 号</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 3_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">3</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 3_1 号</div></div></td><td class="">纸质签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 4_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">4</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 4_1 号</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人懒加载节点 66666，点我体验" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">66666</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人懒加载节点 66666，点我体验</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人懒加载节点 88888，点我体验 " class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">88888</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人懒加载节点 88888，点我体验 </div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number">6</li><li class="t-pagination__number">7</li><li class="t-pagination__number">8</li><li class="t-pagination__number">9</li><li class="t-pagination__number">10</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/tree.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">添加根节点</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置/更新数据</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">展开/收起可见行</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">展开全部</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">获取全部树形结构</span></button></div></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox" style="vertical-align:middle"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自定义折叠/展开图标</span></label></div><div class="t-space-item"><div class="t-table t-table--row-handler-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:46px"/><col style="width:80px"/><col style="width:180px"/><col style="width:100px"/><col style="width:340px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="drag" class="t-table__th-drag t-align-center"><div class="t-table__th-cell-inner">排序</div></th><th data-colkey="id" class="t-table__th-id"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">编号</div></div></th><th data-colkey="key" class="t-table__th-key"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">名称</div></div></th><th data-colkey="platform" class="t-table__th-platform"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="operate" class="t-table__th-operate t-align-center"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr data-id="申请人 0_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">0</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline">申请人 0_1 号</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 1_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">1</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 1_1 号</div></div></td><td class="">纸质签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 2_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 2_1 号</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 3_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">3</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 3_1 号</div></div></td><td class="">纸质签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 4_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">4</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 4_1 号</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人懒加载节点 66666，点我体验" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">66666</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人懒加载节点 66666，点我体验</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人懒加载节点 88888，点我体验 " class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">88888</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人懒加载节点 88888，点我体验 </div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number">6</li><li class="t-pagination__number">7</li><li class="t-pagination__number">8</li><li class="t-pagination__number">9</li><li class="t-pagination__number">10</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/tree-select.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">父子行选中独立</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" checked="" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">父子行选中关联</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取树形结构展开的节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">滚动到指定元素</span></button></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content" style="height:300px"><div class="t-table__virtual-scroll-cursor" style="transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px)"></div><table class="t-table--layout-fixed t-table--full-height"><colgroup><col style="width:46px"/><col style="width:50px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="__EXPAND_ROW_ICON_COLUMN__" class="t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__"><div class="t-table__th-cell-inner"></div></th><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></th><th data-colkey="serial-number" class="t-table__th-serial-number"><div class="t-table__th-cell-inner">序号</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th></tr></thead><tbody class="t-table__body" style="transform:translateY(25000px);-ms-transform:translateY(25000px);-moz-transform:translateY(25000px);-webkit-transform:translateY(25000px)"><tr class="t-table__empty-row"><td colSpan="6"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/tree-select.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">父子行选中独立</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" checked="" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">父子行选中关联</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取树形结构展开的节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">滚动到指定元素</span></button></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content" style="height:300px"><div class="t-table__virtual-scroll-cursor" style="transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px)"></div><table class="t-table--layout-fixed t-table--full-height"><colgroup><col style="width:46px"/><col style="width:50px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="__EXPAND_ROW_ICON_COLUMN__" class="t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__"><div class="t-table__th-cell-inner"></div></th><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></th><th data-colkey="serial-number" class="t-table__th-serial-number"><div class="t-table__th-cell-inner">序号</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th></tr></thead><tbody class="t-table__body" style="transform:translateY(25000px);-ms-transform:translateY(25000px);-moz-transform:translateY(25000px);-webkit-transform:translateY(25000px)"><tr class="t-table__empty-row"><td colSpan="6"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/virtual-scroll.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">滚动到指定元素</span></button></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否显示边框</span></label></div></div></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="height:300px"><div class="t-table__virtual-scroll-cursor" style="transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px)"></div><table class="t-table--layout-fixed t-table--full-height"><colgroup><col style="width:70px"/><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="serial-number" class="t-table__th-serial-number"><div class="t-table__th-cell-inner">序号</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body" style="transform:translateY(48000px);-ms-transform:translateY(48000px);-moz-transform:translateY(48000px);-webkit-transform:translateY(48000px)"><tr class="t-table__empty-row"><td colSpan="6"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/virtual-scroll.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">滚动到指定元素</span></button></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否显示边框</span></label></div></div></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="height:300px"><div class="t-table__virtual-scroll-cursor" style="transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px)"></div><table class="t-table--layout-fixed t-table--full-height"><colgroup><col style="width:70px"/><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="serial-number" class="t-table__th-serial-number"><div class="t-table__th-cell-inner">序号</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body" style="transform:translateY(48000px);-ms-transform:translateY(48000px);-moz-transform:translateY(48000px);-webkit-transform:translateY(48000px)"><tr class="t-table__empty-row"><td colSpan="6"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/ban.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">常规型</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;card&#x27;" value="card"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">卡片型</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top t-is-disabled"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/ban.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">常规型</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;card&#x27;" value="card"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">卡片型</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top t-is-disabled"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">选项卡1的内容，使用 TabPanel 渲染</p></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡一</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡二</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡三</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">这是选项卡一的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">选项卡1的内容，使用 TabPanel 渲染</p></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡一</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡二</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡三</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">这是选项卡一的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/combination.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">常规型</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;card&#x27;" value="card"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">卡片型</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" checked="" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Auto</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;start&#x27;" value="start"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Start</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;center&#x27;" value="center"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Center</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;end&#x27;" value="end"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">End</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡4</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡5</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡6</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡7</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡8</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡9</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡10</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡11</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡12</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡13</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡14</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡15</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡16</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡17</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡18</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡19</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡20</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡1<!-- -->内容区</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/combination.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">常规型</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;card&#x27;" value="card"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">卡片型</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" checked="" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Auto</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;start&#x27;" value="start"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Start</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;center&#x27;" value="center"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Center</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;end&#x27;" value="end"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">End</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡4</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡5</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡6</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡7</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡8</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡9</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡10</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡11</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡12</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡13</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡14</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡15</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡16</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡17</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡18</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡19</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡20</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡1<!-- -->内容区</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/custom.tsx 1`] = `"<div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"><div class="t-tabs__add-btn t-tabs__btn t-size-m"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 1</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 2</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 4</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 6</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 7</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 8</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 9</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 10</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡 1<!-- -->内容区</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/custom.tsx 1`] = `"<div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"><div class="t-tabs__add-btn t-tabs__btn t-size-m"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 1</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 2</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 4</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 6</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 7</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 8</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 9</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 10</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡 1<!-- -->内容区</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/drag-sort.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡一</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡二</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡三</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">这是选项卡一的内容，使用 Tabs 渲染</p></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡一</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡二</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡三</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">这是选项卡一的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/drag-sort.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡一</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡二</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡三</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">这是选项卡一的内容，使用 Tabs 渲染</p></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡一</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡二</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡三</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">这是选项卡一的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/icon.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">常规</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;card&#x27;" value="card"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">卡片</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg>选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-tools"><path fill="currentColor" d="M6.53 1.87a8.5 8.5 0 0111.5 9.79l5.14 5.15-1.41 1.42-5.99-6 .18-.57A6.5 6.5 0 008.34 3.4l4.23 4.23-4.95 4.95-4.23-4.23a6.5 6.5 0 008.27 7.61l.58-.18 5.99 6-1.42 1.4-5.15-5.15a8.5 8.5 0 01-9.8-11.48l.26-.63h1.67l3.83 3.83 2.12-2.12-3.83-3.83V2.12l.62-.25zm9.22 12.47l4.95 4.95-1.41 1.41-4.95-4.95 1.41-1.41z"></path></svg>选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-tips"><path fill="currentColor" d="M23 2v17h-7.59L12 22.41 8.59 19H1V2h22zm-2 2H3v13h6.41L12 19.59 14.59 17H21V4z"></path></svg>选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/icon.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">常规</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;card&#x27;" value="card"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">卡片</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg>选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-tools"><path fill="currentColor" d="M6.53 1.87a8.5 8.5 0 0111.5 9.79l5.14 5.15-1.41 1.42-5.99-6 .18-.57A6.5 6.5 0 008.34 3.4l4.23 4.23-4.95 4.95-4.23-4.23a6.5 6.5 0 008.27 7.61l.58-.18 5.99 6-1.42 1.4-5.15-5.15a8.5 8.5 0 01-9.8-11.48l.26-.63h1.67l3.83 3.83 2.12-2.12-3.83-3.83V2.12l.62-.25zm9.22 12.47l4.95 4.95-1.41 1.41-4.95-4.95 1.41-1.41z"></path></svg>选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-tips"><path fill="currentColor" d="M23 2v17h-7.59L12 22.41 8.59 19H1V2h22zm-2 2H3v13h6.41L12 19.59 14.59 17H21V4z"></path></svg>选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/operation.tsx 1`] = `"<div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"><div class="t-tabs__add-btn t-tabs__btn t-size-m"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/operation.tsx 1`] = `"<div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"><div class="t-tabs__add-btn t-tabs__btn t-size-m"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/position.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" checked="" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">top</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">right</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">bottom</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">left</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/position.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" checked="" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">top</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">right</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">bottom</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">left</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/size.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-l t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-l t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/size.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-l t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-l t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/theme.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/theme.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><a href="https://www.tencent.com/zh-cn" target="_blank" rel="noreferrer"><div class="t-tag t-tag--default t-tag--dark"><span title="超链接">超链接</span></div></a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="标签四">标签四</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light"><span title="灰标签">灰标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--light"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--light"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--light"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--light"><span title="标签四">标签四</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline"><span title="灰标签">灰标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--outline"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--outline"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--outline"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--outline"><span title="标签四">标签四</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light-outline"><span title="灰标签">灰标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--light-outline"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--light-outline"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--light-outline"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--light-outline"><span title="标签四">标签四</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><a href="https://www.tencent.com/zh-cn" target="_blank" rel="noreferrer"><div class="t-tag t-tag--default t-tag--dark"><span title="超链接">超链接</span></div></a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="标签四">标签四</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light"><span title="灰标签">灰标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--light"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--light"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--light"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--light"><span title="标签四">标签四</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline"><span title="灰标签">灰标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--outline"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--outline"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--outline"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--outline"><span title="标签四">标签四</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light-outline"><span title="灰标签">灰标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--light-outline"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--light-outline"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--light-outline"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--light-outline"><span title="标签四">标签四</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/check-tag-group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>StyleA</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" data-value="1" checked=""><span title="标签1">标签1</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="2"><span title="标签2">标签2</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="3"><span><span>标签3</span></span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="4"><span title="标签4">标签4</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="5"><span title="标签5">标签5</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="6"><span title="标签6">标签6</span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>StyleB</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="1"><span title="标签1">标签1</span></div><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" data-value="2" checked=""><span title="标签2">标签2</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="3"><span><span>标签3</span></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="4"><span title="标签4">标签4</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="5"><span title="标签5">标签5</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="6"><span title="标签6">标签6</span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>StyleC</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="1"><span title="标签1">标签1</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="2"><span title="标签2">标签2</span></div><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" data-value="3" checked=""><span><span>标签3</span></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="4"><span title="标签4">标签4</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="5"><span title="标签5">标签5</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="6"><span title="标签6">标签6</span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>CustomContent</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="1"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_A<!-- -->(<!-- -->1<!-- -->)</span></div></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="2"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_B<!-- -->(<!-- -->2<!-- -->)</span></div></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="3"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_C<!-- -->(<!-- -->3<!-- -->)</span></div></span></div><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" data-value="4" checked=""><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_D<!-- -->(<!-- -->4<!-- -->)</span></div></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="5"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_E<!-- -->(<!-- -->5<!-- -->)</span></div></span></div><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" data-value="6" checked=""><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_F<!-- -->(<!-- -->6<!-- -->)</span></div></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/check-tag-group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>StyleA</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" data-value="1" checked=""><span title="标签1">标签1</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="2"><span title="标签2">标签2</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="3"><span><span>标签3</span></span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="4"><span title="标签4">标签4</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="5"><span title="标签5">标签5</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="6"><span title="标签6">标签6</span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>StyleB</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="1"><span title="标签1">标签1</span></div><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" data-value="2" checked=""><span title="标签2">标签2</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="3"><span><span>标签3</span></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="4"><span title="标签4">标签4</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="5"><span title="标签5">标签5</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="6"><span title="标签6">标签6</span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>StyleC</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="1"><span title="标签1">标签1</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="2"><span title="标签2">标签2</span></div><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" data-value="3" checked=""><span><span>标签3</span></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="4"><span title="标签4">标签4</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="5"><span title="标签5">标签5</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="6"><span title="标签6">标签6</span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>CustomContent</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="1"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_A<!-- -->(<!-- -->1<!-- -->)</span></div></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="2"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_B<!-- -->(<!-- -->2<!-- -->)</span></div></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="3"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_C<!-- -->(<!-- -->3<!-- -->)</span></div></span></div><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" data-value="4" checked=""><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_D<!-- -->(<!-- -->4<!-- -->)</span></div></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="5"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_E<!-- -->(<!-- -->5<!-- -->)</span></div></span></div><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" data-value="6" checked=""><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_F<!-- -->(<!-- -->6<!-- -->)</span></div></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/custom-color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052D9" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052D9"></span></div></div><input placeholder="please enter" type="text" class="t-input__inner" value="#0052D9"/><span class="t-input__input-pre">#0052D9</span></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark" style="color:white;background-color:#0052D9"><span title="default">default</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light" style="color:#0052D9;background-color:rgba(0, 82, 217, 0.1)"><span title="light">light</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline" style="color:#0052D9;border-color:#0052D9"><span title="outline">outline</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light-outline" style="color:#0052D9;border-color:#0052D9;background-color:rgba(0, 82, 217, 0.1)"><span title="light-outline">light-outline</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/custom-color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052D9" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052D9"></span></div></div><input placeholder="please enter" type="text" class="t-input__inner" value="#0052D9"/><span class="t-input__input-pre">#0052D9</span></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark" style="color:white;background-color:#0052D9"><span title="default">default</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light" style="color:#0052D9;background-color:rgba(0, 82, 217, 0.1)"><span title="light">light</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline" style="color:#0052D9;border-color:#0052D9"><span title="outline">outline</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light-outline" style="color:#0052D9;border-color:#0052D9;background-color:rgba(0, 82, 217, 0.1)"><span title="light-outline">light-outline</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/delete.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:30px"><span>可删除标签<!-- -->0</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:30px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg><span>可删除标签<!-- -->1</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--disabled" style="margin-right:30px"><span>可删除标签<!-- -->2</span></div></div></div></div><div class="t-space-item"><div style="display:flex;cursor:pointer"><div class="t-tag t-tag--default t-tag--dark"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><span title="可添加标签">可添加标签</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/delete.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:30px"><span>可删除标签<!-- -->0</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:30px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg><span>可删除标签<!-- -->1</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--disabled" style="margin-right:30px"><span>可删除标签<!-- -->2</span></div></div></div></div><div class="t-space-item"><div style="display:flex;cursor:pointer"><div class="t-tag t-tag--default t-tag--dark"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><span title="可添加标签">可添加标签</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/icon.tsx 1`] = `"<div class="t-tag t-tag--default t-tag--dark"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg><span title="默认标签">默认标签</span></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/icon.tsx 1`] = `"<div class="t-tag t-tag--default t-tag--dark"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg><span title="默认标签">默认标签</span></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/long-text.tsx 1`] = `"<div class="t-tag t-tag--default t-tag--dark t-tag--ellipsis"><span class="t-tag--text" style="max-width:150px" title="默认超八个字超长文本标签超长省略文本标签">默认超八个字超长文本标签超长省略文本标签</span></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/long-text.tsx 1`] = `"<div class="t-tag t-tag--default t-tag--dark t-tag--ellipsis"><span class="t-tag--text" style="max-width:150px" title="默认超八个字超长文本标签超长省略文本标签">默认超八个字超长文本标签超长省略文本标签</span></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/selectable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>StyleA</label></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" style="margin-right:32px" tabindex="0"><span title="选中/未选态">选中/未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" checked=""><span title="选中态">选中态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0"><span title="未选态">未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--disabled t-tag t-tag--check t-tag--checked t-tag--disabled" checked=""><span title="选中禁用">选中禁用</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--disabled t-tag t-tag--check t-tag--disabled"><span title="未选禁用">未选禁用</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>StyleB</label></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" style="margin-right:32px" tabindex="0"><span title="选中/未选态">选中/未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" checked=""><span title="选中态">选中态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0"><span title="未选态">未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--disabled t-tag t-tag--check t-tag--checked t-tag--disabled" checked=""><span title="选中禁用">选中禁用</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag--disabled t-tag t-tag--check t-tag--disabled"><span title="未选禁用">未选禁用</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>StyleC</label></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" style="margin-right:32px" tabindex="0"><span title="Outline Tag">Outline Tag</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" checked=""><span title="Checked">Checked</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0"><span title="Unchecked">Unchecked</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--outline t-tag--disabled t-tag t-tag--check t-tag--checked t-tag--disabled" checked=""><span title="Disabled">Disabled</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag--disabled t-tag t-tag--check t-tag--disabled"><span title="Disabled">Disabled</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/selectable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>StyleA</label></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" style="margin-right:32px" tabindex="0"><span title="选中/未选态">选中/未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" checked=""><span title="选中态">选中态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0"><span title="未选态">未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--disabled t-tag t-tag--check t-tag--checked t-tag--disabled" checked=""><span title="选中禁用">选中禁用</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--disabled t-tag t-tag--check t-tag--disabled"><span title="未选禁用">未选禁用</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>StyleB</label></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" style="margin-right:32px" tabindex="0"><span title="选中/未选态">选中/未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" checked=""><span title="选中态">选中态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0"><span title="未选态">未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--disabled t-tag t-tag--check t-tag--checked t-tag--disabled" checked=""><span title="选中禁用">选中禁用</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag--disabled t-tag t-tag--check t-tag--disabled"><span title="未选禁用">未选禁用</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>StyleC</label></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" style="margin-right:32px" tabindex="0"><span title="Outline Tag">Outline Tag</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" checked=""><span title="Checked">Checked</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0"><span title="Unchecked">Unchecked</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--outline t-tag--disabled t-tag t-tag--check t-tag--checked t-tag--disabled" checked=""><span title="Disabled">Disabled</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag--disabled t-tag t-tag--check t-tag--disabled"><span title="Disabled">Disabled</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="标签一">标签一</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--round" style="margin-right:5px"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--round"><span title="标签一">标签一</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--mark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--mark"><span title="标签一">标签一</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="标签一">标签一</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--round" style="margin-right:5px"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--round"><span title="标签一">标签一</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--mark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--mark"><span title="标签一">标签一</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="小型标签">小型标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark"><span title="默认标签">默认标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="大型标签">大型标签</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-size-s" tabindex="0"><span title="小型标签">小型标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0"><span title="默认标签">默认标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-size-l" tabindex="0"><span title="大型标签">大型标签</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="小型标签">小型标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark"><span title="默认标签">默认标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="大型标签">大型标签</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-size-s" tabindex="0"><span title="小型标签">小型标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0"><span title="默认标签">默认标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-size-l" tabindex="0"><span title="大型标签">大型标签</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/auto-width.tsx 1`] = `"<div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/auto-width.tsx 1`] = `"<div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/base.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Angular">Angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">Controlled: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">UnControlled: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/base.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Angular">Angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">Controlled: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">UnControlled: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/collapsed.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->4</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(<!-- -->2<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/collapsed.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->4</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(<!-- -->2<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/custom-tag.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span><span><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentA</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span><span><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentB</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentA</div></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentB</div></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentC</div></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/custom-tag.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span><span><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentA</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span><span><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentB</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentA</div></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentB</div></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentC</div></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/draggable.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Angular">Angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">Controlled: </div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Angular">Angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/draggable.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Angular">Angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">Controlled: </div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Angular">Angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/excess.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">Scroll: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">BreakLine: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/excess.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">Scroll: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">BreakLine: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/max.tsx 1`] = `"<div style="width:100%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"></div><input placeholder="最多只能输入 3 个标签" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">最多只能输入 3 个标签</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/max.tsx 1`] = `"<div style="width:100%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"></div><input placeholder="最多只能输入 3 个标签" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">最多只能输入 3 个标签</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/size.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-size-s t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-size-l t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/size.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-size-s t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-size-l t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/status.tsx 1`] = `"<div style="width:100%;gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>禁用状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-tag--disabled"><span title="Vue">Vue</span></div><div class="t-tag t-tag--default t-tag--dark t-tag--disabled"><span title="React">React</span></div><div class="t-tag t-tag--default t-tag--dark t-tag--disabled"><span title="Miniprogram">Miniprogram</span></div></div><input placeholder="" type="text" class="t-input__inner" disabled="" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>只读状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span></div></div><input placeholder="" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--default">这是普通文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>成功状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-is-success t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>告警状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>错误状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-is-error t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/status.tsx 1`] = `"<div style="width:100%;gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>禁用状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-tag--disabled"><span title="Vue">Vue</span></div><div class="t-tag t-tag--default t-tag--dark t-tag--disabled"><span title="React">React</span></div><div class="t-tag t-tag--default t-tag--dark t-tag--disabled"><span title="Miniprogram">Miniprogram</span></div></div><input placeholder="" type="text" class="t-input__inner" disabled="" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>只读状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span></div></div><input placeholder="" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--default">这是普通文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>成功状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-is-success t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>告警状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>错误状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-is-error t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/theme.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--primary t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--primary t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--primary t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--success t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--success t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--success t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--warning t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--warning t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--warning t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--danger t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--danger t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--danger t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/theme.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--primary t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--primary t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--primary t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--success t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--success t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--success t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--warning t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--warning t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--warning t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--danger t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--danger t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--danger t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/textarea/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" rows="2" class="t-textarea__inner"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，autosize=true" class="t-textarea__inner"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条" class="t-textarea__inner t-resize-none"></textarea></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/textarea/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" rows="2" class="t-textarea__inner"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，autosize=true" class="t-textarea__inner"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条" class="t-textarea__inner t-resize-none"></textarea></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/textarea/_example/events.tsx 1`] = `"<div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner"></textarea></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/textarea/_example/events.tsx 1`] = `"<div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner"></textarea></div>"`;
 
-exports[`ssr snapshot test > ssr test src/textarea/_example/maxlength.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制无法输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--normal">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/textarea/_example/maxlength.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制无法输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--normal">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/textarea/_example/type.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner" readonly="">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" class="t-textarea__inner">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--normal">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" class="t-textarea__inner t-is-success">成功状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--success">成功提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="warning" class="t-textarea__inner t-is-warning">警告状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--warning">警告提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="error" class="t-textarea__inner t-is-error">错误状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--error">错误提示</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/textarea/_example/type.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner" readonly="">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" class="t-textarea__inner">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--normal">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" class="t-textarea__inner t-is-success">成功状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--success">成功提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="warning" class="t-textarea__inner t-is-warning">警告状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--warning">警告提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="error" class="t-textarea__inner t-is-error">错误状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--error">错误提示</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>禁用整个选择器</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>禁用指定时间</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>禁用整个选择器</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>禁用指定时间</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/hide-clear-button.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>禁止清空</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>允许清空</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/hide-clear-button.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>禁止清空</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>允许清空</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/hm.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>时分选择</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>毫秒选择</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:59:59:000" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:59:59:000"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/hm.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>时分选择</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>毫秒选择</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:59:59:000" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:59:59:000"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/hms.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/hms.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/keyboard.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:08:00" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" value="12:08:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/keyboard.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:08:00" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" value="12:08:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/panel.tsx 1`] = `"<div class="t-time-picker__panel"><div class="t-time-picker__panel-section-body"><div class="t-time-picker__panel-body"><div class="t-time-picker__panel-body-active-mask"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/panel.tsx 1`] = `"<div class="t-time-picker__panel"><div class="t-time-picker__panel-section-body"><div class="t-time-picker__panel-body"><div class="t-time-picker__panel-body-active-mask"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/presets.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="20:22" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="20:22"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-time-picker" style="margin-top:20px"><div style="margin-top:20px" class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-time-picker__group t-is-default t-range-input--suffix" value="00:00:00,23:59:59"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" value="00:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value="00:00:00"/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" value="23:59:59" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value="23:59:59"/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/presets.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="20:22" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="20:22"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-time-picker" style="margin-top:20px"><div style="margin-top:20px" class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-time-picker__group t-is-default t-range-input--suffix" value="00:00:00,23:59:59"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" value="00:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value="00:00:00"/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" value="23:59:59" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value="23:59:59"/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/range.tsx 1`] = `"<div class="t-time-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-time-picker__group t-is-default t-range-input--suffix"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="开始时间" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="结束时间" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/range.tsx 1`] = `"<div class="t-time-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-time-picker__group t-is-default t-range-input--suffix"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="开始时间" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="结束时间" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/show-steps.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/show-steps.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/twelve-hour-meridian.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/twelve-hour-meridian.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/timeline/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>时间轴方向</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" checked="" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">垂直时间轴</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" value="horizontal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">水平时间轴</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/timeline/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>时间轴方向</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" checked="" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">垂直时间轴</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" value="horizontal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">水平时间轴</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/timeline/_example/customContent.tsx 1`] = `"<ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件一</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件一自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件二</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件二自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件三</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件三自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件四</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件四自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul>"`;
+exports[`ssr snapshot test > ssr test packages/web/timeline/_example/customContent.tsx 1`] = `"<ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件一</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件一自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件二</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件二自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件三</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件三自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件四</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件四自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul>"`;
 
-exports[`ssr snapshot test > ssr test src/timeline/_example/customDot.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>时间轴样式</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">默认样式</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;dot&#x27;" value="dot"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Dot样式</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-tips t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M23 2v17h-7.59L12 22.41 8.59 19H1V2h22zm-2 2H3v13h6.41L12 19.59 14.59 17H21V4z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M12 3.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 21.42l-7.28-7.28L3.5 12.9A6.23 6.23 0 0112 3.82zM15.3 15.3l3.8-3.8a4.23 4.23 0 10-5.97-5.99L12 6.63 10.88 5.5a4.23 4.23 0 10-5.98 5.98l1.23 1.23L12 18.6l3.28-3.29z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/timeline/_example/customDot.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>时间轴样式</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">默认样式</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;dot&#x27;" value="dot"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Dot样式</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-tips t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M23 2v17h-7.59L12 22.41 8.59 19H1V2h22zm-2 2H3v13h6.41L12 19.59 14.59 17H21V4z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M12 3.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 21.42l-7.28-7.28L3.5 12.9A6.23 6.23 0 0112 3.82zM15.3 15.3l3.8-3.8a4.23 4.23 0 10-5.97-5.99L12 6.63 10.88 5.5a4.23 4.23 0 10-5.98 5.98l1.23 1.23L12 18.6l3.28-3.29z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/timeline/_example/layout.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>时间轴方向</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" checked="" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">垂直时间轴</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" value="horizontal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">水平时间轴</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>对齐方式</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" checked="" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左对齐</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;alternate&#x27;" value="alternate"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">交错对齐</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右对齐</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>label对齐方式</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;same&#x27;" checked="" value="same"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">同侧</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;alternate&#x27;" value="alternate"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">交错</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/timeline/_example/layout.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>时间轴方向</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" checked="" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">垂直时间轴</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" value="horizontal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">水平时间轴</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>对齐方式</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" checked="" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左对齐</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;alternate&#x27;" value="alternate"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">交错对齐</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右对齐</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>label对齐方式</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;same&#x27;" checked="" value="same"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">同侧</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;alternate&#x27;" value="alternate"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">交错</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/timeline/_example/loading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>加载中</h4></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/timeline/_example/loading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>加载中</h4></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/timeline/_example/reverse.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>是否倒序</h4></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/timeline/_example/reverse.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>是否倒序</h4></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/timeline/_example/theme.tsx 1`] = `"<ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">已完成的时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--success"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">成功的时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--error"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">危险时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--warning"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">告警事件<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">默认的时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-05-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot" style="border-color:yellowgreen"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">自定义主题色<div class="t-timeline-item__label t-timeline-item__label--same">2022-06-01</div></div></li></ul>"`;
+exports[`ssr snapshot test > ssr test packages/web/timeline/_example/theme.tsx 1`] = `"<ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">已完成的时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--success"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">成功的时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--error"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">危险时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--warning"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">告警事件<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">默认的时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-05-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot" style="border-color:yellowgreen"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">自定义主题色<div class="t-timeline-item__label t-timeline-item__label--same">2022-06-01</div></div></li></ul>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/arrow.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">默认文字提示</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/arrow.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">默认文字提示</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/base.tsx 1`] = `"<div style="margin:0 auto;width:500px;height:260px;position:relative"><button style="position:absolute;top:0;left:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">top</span></button><button style="position:absolute;top:0;left:70px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">top-left</span></button><button style="position:absolute;top:0;right:70px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">top-right</span></button><button style="position:absolute;bottom:0;left:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">bottom</span></button><button style="position:absolute;bottom:0;left:70px;width:120px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">bottom-left</span></button><button style="position:absolute;bottom:0;right:70px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">bottom-right</span></button><button style="position:absolute;left:0;top:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">left</span></button><button style="position:absolute;left:0;top:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">left-top</span></button><button style="position:absolute;left:0;bottom:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">left-bottom</span></button><button style="position:absolute;right:0;top:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">right</span></button><button style="position:absolute;right:0;top:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">right-top</span></button><button style="position:absolute;right:0;bottom:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">right-bottom</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/base.tsx 1`] = `"<div style="margin:0 auto;width:500px;height:260px;position:relative"><button style="position:absolute;top:0;left:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">top</span></button><button style="position:absolute;top:0;left:70px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">top-left</span></button><button style="position:absolute;top:0;right:70px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">top-right</span></button><button style="position:absolute;bottom:0;left:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">bottom</span></button><button style="position:absolute;bottom:0;left:70px;width:120px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">bottom-left</span></button><button style="position:absolute;bottom:0;right:70px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">bottom-right</span></button><button style="position:absolute;left:0;top:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">left</span></button><button style="position:absolute;left:0;top:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">left-top</span></button><button style="position:absolute;left:0;bottom:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">left-bottom</span></button><button style="position:absolute;right:0;top:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">right</span></button><button style="position:absolute;right:0;top:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">right-top</span></button><button style="position:absolute;right:0;bottom:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">right-bottom</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/duration.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">定时消失</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">点击再次查看</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/duration.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">定时消失</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">点击再次查看</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/lite.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">下方文字提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">上方文字提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">鼠标位置显示提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">无箭头文字提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">无投影文字提示</span></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浅色模式</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">无箭头浅色模式</span></button></div></div><div class="t-space-item"><div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled"><span class="t-button__text">不可用状态下提示</span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/lite.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">下方文字提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">上方文字提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">鼠标位置显示提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">无箭头文字提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">无投影文字提示</span></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浅色模式</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">无箭头浅色模式</span></button></div></div><div class="t-space-item"><div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled"><span class="t-button__text">不可用状态下提示</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/mouse.tsx 1`] = `"<div><a id="testa" href="#">文案比较长...</a></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/mouse.tsx 1`] = `"<div><a id="testa" href="#">文案比较长...</a></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/no-arrow.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">不带箭头等文字提示</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/no-arrow.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">不带箭头等文字提示</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">default</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">primary</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-base"><span class="t-button__text">success</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">danger</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">warning</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">light</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">default</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">primary</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-base"><span class="t-button__text">success</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">danger</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">warning</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">light</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/trigger.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">悬浮时触发（默认）</span></button></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="获得焦点时触发" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">点击时触发</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">右击时触发</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/trigger.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">悬浮时触发（默认）</span></button></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="获得焦点时触发" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">点击时触发</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">右击时触发</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/base.tsx 1`] = `"<div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/base.tsx 1`] = `"<div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/checked.tsx 1`] = `"<div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox t-is-indeterminate"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>3 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="0" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="2" checked="" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="3" checked="" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="4" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="5" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="6" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="7" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="8" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="9" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="10" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="11" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="12" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="13" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="14" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="15" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="16" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="17" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="18" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="19" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div></div><div class="t-transfer__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></button><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/checked.tsx 1`] = `"<div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox t-is-indeterminate"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>3 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="0" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="2" checked="" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="3" checked="" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="4" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="5" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="6" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="7" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="8" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="9" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="10" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="11" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="12" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="13" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="14" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="15" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="16" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="17" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="18" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="19" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div></div><div class="t-transfer__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></button><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/custom.tsx 1`] = `"<div class="t-transfer t-transfer__footer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span>来源</span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div><div class="t-transfer__footer"><div style="padding:12px;border-top:1px solid rgb(231, 231, 231)">选中并加入</div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text">加入</span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text">移除</span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span><div>目标</div></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div><div class="t-transfer__footer"><div style="padding:12px;border-top:1px solid rgb(231, 231, 231)">选中并移除</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/custom.tsx 1`] = `"<div class="t-transfer t-transfer__footer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span>来源</span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div><div class="t-transfer__footer"><div style="padding:12px;border-top:1px solid rgb(231, 231, 231)">选中并加入</div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text">加入</span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text">移除</span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span><div>目标</div></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div><div class="t-transfer__footer"><div style="padding:12px;border-top:1px solid rgb(231, 231, 231)">选中并移除</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/custom-render.tsx 1`] = `"<div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/custom-render.tsx 1`] = `"<div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/empty.tsx 1`] = `"<div class="tdesign-demo-block-column"><p>默认暂无数据</p><div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div><p>自定义暂无数据</p><div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>No Source</span></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty">No Target</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/empty.tsx 1`] = `"<div class="tdesign-demo-block-column"><p>默认暂无数据</p><div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div><p>自定义暂无数据</p><div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>No Source</span></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty">No Target</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/pagination.tsx 1`] = `"<div class="t-transfer t-transfer__pagination"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label></div></div></div><div class="t-transfer__list-pagination"><div class="t-pagination t-size-s"><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-s t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 2 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div><div class="t-transfer__list-pagination"><div class="t-pagination t-size-s"><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-s t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 1 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/pagination.tsx 1`] = `"<div class="t-transfer t-transfer__pagination"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label></div></div></div><div class="t-transfer__list-pagination"><div class="t-pagination t-size-s"><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-s t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 2 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div><div class="t-transfer__list-pagination"><div class="t-pagination t-size-s"><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-s t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 1 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/search.tsx 1`] = `"<div class="t-transfer t-transfer__search"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body t-transfer__list--with-search"><div class="t-transfer__search-wrapper"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="type keyword to search" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body t-transfer__list--with-search"><div class="t-transfer__search-wrapper"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="type keyword to search" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/search.tsx 1`] = `"<div class="t-transfer t-transfer__search"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body t-transfer__list--with-search"><div class="t-transfer__search-wrapper"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="type keyword to search" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body t-transfer__list--with-search"><div class="t-transfer__search-wrapper"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="type keyword to search" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/tree.tsx 1`] = `"<div class="t-transfer t-transfer--with-tree"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 5</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/tree.tsx 1`] = `"<div class="t-transfer t-transfer--with-tree"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 5</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/activable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>节点可高亮</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>节点可多选高亮</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>整个节点可点击</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/activable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>节点可高亮</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>节点可多选高亮</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>整个节点可点击</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/base.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/base.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/checkable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>可选</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>严格模式</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item t-form-item__valueMode"><div class="t-form__label t-form__label--right" style="width:100px"><label>选中值模式</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;onlyLeaf&#x27;" checked="" value="onlyLeaf"/><span class="t-radio__input"></span><span class="t-radio__label">onlyLeaf</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;parentFirst&#x27;" value="parentFirst"/><span class="t-radio__input"></span><span class="t-radio__label">parentFirst</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;all&#x27;" value="all"/><span class="t-radio__input"></span><span class="t-radio__label">all</span></label></div></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/checkable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>可选</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>严格模式</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item t-form-item__valueMode"><div class="t-form__label t-form__label--right" style="width:100px"><label>选中值模式</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;onlyLeaf&#x27;" checked="" value="onlyLeaf"/><span class="t-radio__input"></span><span class="t-radio__label">onlyLeaf</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;parentFirst&#x27;" value="parentFirst"/><span class="t-radio__input"></span><span class="t-radio__label">parentFirst</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;all&#x27;" value="all"/><span class="t-radio__input"></span><span class="t-radio__label">all</span></label></div></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/controlled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">checked:</span></span><div class="t-input__wrap" value="1.1.1.1, 1.1.1.2" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="1.1.1.1, 1.1.1.2"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">expanded:</span></span><div class="t-input__wrap" value="1, 1.1, 1.1.1, 2" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="1, 1.1, 1.1.1, 2"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">actived:</span></span><div class="t-input__wrap" value="2" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="2"/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/controlled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">checked:</span></span><div class="t-input__wrap" value="1.1.1.1, 1.1.1.2" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="1.1.1.1, 1.1.1.2"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">expanded:</span></span><div class="t-input__wrap" value="1, 1.1, 1.1.1, 2" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="1, 1.1, 1.1.1, 2"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">actived:</span></span><div class="t-input__wrap" value="2" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="2"/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>是否禁用</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-is-disabled t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>是否禁用</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-is-disabled t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/draggable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/draggable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/empty.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><div class="t-tree t-tree--transition">😊 空数据（string）</div></div><div class="t-space-item"><div class="t-tree t-tree--transition"><div>😊 空数据（ empty props ）</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/empty.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><div class="t-tree t-tree--transition">😊 空数据（string）</div></div><div class="t-space-item"><div class="t-tree t-tree--transition"><div>😊 空数据（ empty props ）</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/expand-all.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:150px"><label>切换数据</label></div><div class="t-form__controls" style="margin-left:150px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:150px"><label>提供 hover 状态</label></div><div class="t-form__controls" style="margin-left:150px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:150px"><label>展开动画</label></div><div class="t-form__controls" style="margin-left:150px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/expand-all.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:150px"><label>切换数据</label></div><div class="t-form__controls" style="margin-left:150px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:150px"><label>提供 hover 状态</label></div><div class="t-form__controls" style="margin-left:150px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:150px"><label>展开动画</label></div><div class="t-form__controls" style="margin-left:150px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/expand-level.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/expand-level.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/expand-mutex.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>互斥展开</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>整个节点可点击</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/expand-mutex.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>互斥展开</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>整个节点可点击</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/filter.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">filter:</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node">Tree Empty Data</div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">filter:</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/filter.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">filter:</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node">Tree Empty Data</div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">filter:</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>render 1:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3>render 2:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>render 1:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3>render 2:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/label.tsx 1`] = `"<div class="t-tree t-tree--transition">Tree Empty Data</div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/label.tsx 1`] = `"<div class="t-tree t-tree--transition">Tree Empty Data</div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/lazy.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/lazy.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/line.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>显示连线</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>显示图标</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3>render</h3></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/line.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>显示连线</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>显示图标</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3>render</h3></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/load.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/load.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/operations.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3 class="title">render:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3 class="title">api:</h3></div><div class="t-space-item"><div class="operations"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:200px"><label>插入节点使用高亮节点</label></div><div class="t-form__controls" style="margin-left:200px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:200px"><label>子节点展开触发父节点展开</label></div><div class="t-form__controls" style="margin-left:200px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div></div><div class="t-space-item"><div class="operations"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">filter:</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3 class="title">api:</h3></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取 value 为 &#x27;node1&#x27; 的单个节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取所有节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点的所有子节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取所有高亮节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点下的选中节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">插入一个根节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点的父节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点的所有父节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点在子节点中的位置</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">选中高亮节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">展开高亮节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点与其子节点的数据</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/operations.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3 class="title">render:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3 class="title">api:</h3></div><div class="t-space-item"><div class="operations"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:200px"><label>插入节点使用高亮节点</label></div><div class="t-form__controls" style="margin-left:200px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:200px"><label>子节点展开触发父节点展开</label></div><div class="t-form__controls" style="margin-left:200px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div></div><div class="t-space-item"><div class="operations"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">filter:</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3 class="title">api:</h3></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取 value 为 &#x27;node1&#x27; 的单个节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取所有节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点的所有子节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取所有高亮节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点下的选中节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">插入一个根节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点的父节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点的所有父节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点在子节点中的位置</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">选中高亮节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">展开高亮节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点与其子节点的数据</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/state.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3 class="title">state:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3 class="title">api:</h3></div><div class="t-space-item"><div class="operations"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">插入一个根节点</span></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/state.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3 class="title">state:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3 class="title">api:</h3></div><div class="t-space-item"><div class="operations"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">插入一个根节点</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/sync.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">checked:</span></span><div class="t-input__wrap" value="{1.1.1.1}, {1.1.1.2}" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="{1.1.1.1}, {1.1.1.2}"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">expanded:</span></span><div class="t-input__wrap" value="{1}, {1.1}, {1.1.1}, {2}" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="{1}, {1.1}, {1.1.1}, {2}"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">actived:</span></span><div class="t-input__wrap" value="{2}" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="{2}"/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/sync.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">checked:</span></span><div class="t-input__wrap" value="{1.1.1.1}, {1.1.1.2}" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="{1.1.1.1}, {1.1.1.2}"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">expanded:</span></span><div class="t-input__wrap" value="{1}, {1.1}, {1.1.1}, {2}" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="{1}, {1.1}, {1.1.1}, {2}"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">actived:</span></span><div class="t-input__wrap" value="{2}" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="{2}"/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/vscroll.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>可选</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>展示连线</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">scroll to special node</span></button></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition t-tree__vscroll" style="height:300px">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/vscroll.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>可选</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>展示连线</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">scroll to special node</span></button></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition t-tree__vscroll" style="height:300px">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/base.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="广东省" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value="广东省"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/base.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="广东省" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value="广东省"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/collapsed.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="更多...">更多...</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/collapsed.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="更多...">更多...</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/filterable.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">默认</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;function&#x27;" value="function"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义方法</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/filterable.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">默认</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;function&#x27;" value="function"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义方法</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/lazy.tsx 1`] = `"<div style="width:300px"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/lazy.tsx 1`] = `"<div style="width:300px"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/multiple.tsx 1`] = `"<div class="t-tree-select t-select-input t-select-input--multiple" style="width:300px"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="深圳市">深圳市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/multiple.tsx 1`] = `"<div class="t-tree-select t-select-input t-select-input--multiple" style="width:300px"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="深圳市">深圳市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/panelContent.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="广州市" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value="广州市"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/panelContent.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="广州市" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value="广州市"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/prefix.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div><input placeholder="请输入" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/prefix.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div><input placeholder="请输入" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/prefixsuffix.tsx 1`] = `"<div class="t-tree-select t-select-input t-select-input--empty" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div><input placeholder="请输入" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/prefixsuffix.tsx 1`] = `"<div class="t-tree-select t-select-input t-select-input--empty" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div><input placeholder="请输入" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/props.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="深圳市" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value="深圳市"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/props.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="深圳市" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value="深圳市"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/valuedisplay.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix">广州市(guangzhou)</div><input placeholder="" type="text" class="t-input__inner" readonly="" value=" "/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span>广州市<!-- -->(<!-- -->guangzhou<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>深圳市<!-- -->(<!-- -->shenzhen<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/valuedisplay.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix">广州市(guangzhou)</div><input placeholder="" type="text" class="t-input__inner" readonly="" value=" "/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span>广州市<!-- -->(<!-- -->guangzhou<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>深圳市<!-- -->(<!-- -->shenzhen<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/valuetype.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="深圳市" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value="深圳市"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="深圳市">深圳市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/valuetype.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="深圳市" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value="深圳市"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="深圳市">深圳市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/typography/_example/base.tsx 1`] = `"<h1 class="t-typography">What is TDesign</h1><span class="t-typography"><mark>TDesign is an enterprise-level design system accumulated by Tencent&#x27;s various business teams.</mark></span><div class="t-typography"><span class="t-typography"><strong>TDesign features a unified design values, consistent design language, and visual style, helping users form continuous and coherent perceptions of the experience.</strong></span> <!-- -->Based on this, TDesign offers out-of-the-box UI component libraries, design guidelines, and design assets, elegantly and efficiently freeing design and development from repetitive tasks. Simultaneously, it facilitates easy extension on top of TDesign, enabling a better alignment with business requirements.</div><h2 class="t-typography">Comprehensive</h2><div class="t-typography">TDesign Support <span class="t-typography"><code>Vue 2</code></span>, <span class="t-typography"><code>Vue 3</code></span>, <span class="t-typography"><code>React</code></span>, components for Desktop Application and <span class="t-typography"><code>Vue 3</code></span>, <span class="t-typography"><code>Wechat MiniProgram</code></span> components for Mobile Application.</div><div style="gap:12px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-typography"><ul><li>Features</li><li>Comprehensive<ul><li>Consistency</li><li>Usability</li></ul></li><li>Join TDesign </li></ul><ol><li>Features</li><li>Comprehensive<ol type="a"><li>Consistency</li><li>Usability</li></ol></li><li>Join TDesign</li></ol></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/typography/_example/base.tsx 1`] = `"<h1 class="t-typography">What is TDesign</h1><span class="t-typography"><mark>TDesign is an enterprise-level design system accumulated by Tencent&#x27;s various business teams.</mark></span><div class="t-typography"><span class="t-typography"><strong>TDesign features a unified design values, consistent design language, and visual style, helping users form continuous and coherent perceptions of the experience.</strong></span> <!-- -->Based on this, TDesign offers out-of-the-box UI component libraries, design guidelines, and design assets, elegantly and efficiently freeing design and development from repetitive tasks. Simultaneously, it facilitates easy extension on top of TDesign, enabling a better alignment with business requirements.</div><h2 class="t-typography">Comprehensive</h2><div class="t-typography">TDesign Support <span class="t-typography"><code>Vue 2</code></span>, <span class="t-typography"><code>Vue 3</code></span>, <span class="t-typography"><code>React</code></span>, components for Desktop Application and <span class="t-typography"><code>Vue 3</code></span>, <span class="t-typography"><code>Wechat MiniProgram</code></span> components for Mobile Application.</div><div style="gap:12px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-typography"><ul><li>Features</li><li>Comprehensive<ul><li>Consistency</li><li>Usability</li></ul></li><li>Join TDesign </li></ul><ol><li>Features</li><li>Comprehensive<ol type="a"><li>Consistency</li><li>Usability</li></ol></li><li>Join TDesign</li></ol></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/typography/_example/copyable.tsx 1`] = `"<span class="">This is a copyable text.<button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-copy"><path fill="currentColor" d="M2 2h13v5.5h-2V4H4v9h3.5v2H2V2zm7 7h13v13H9V9zm2 2v9h9v-9h-9z"></path></svg></button></span><br/><div class="" style="display:inline-block;width:50%"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>This is a copyable long text. <!-- -->TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"></span></span></span></span></div><button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-copy"><path fill="currentColor" d="M2 2h13v5.5h-2V4H4v9h3.5v2H2V2zm7 7h13v13H9V9zm2 2v9h9v-9h-9z"></path></svg></button><br/><span class="">This is a copyable long text with custom suffix.<button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-angry"><path fill="currentColor" d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm5.77-3.87l3.46 2-1 1.74-3.46-2 1-1.74zm11.46 1.74l-3.46 2-1-1.74 3.46-2 1 1.74zM7.67 15.5a5 5 0 018.66 0l.5.86-1.73 1-.5-.86a3 3 0 00-5.2 0l-.5.87-1.73-1 .5-.87z"></path></svg></button></span>"`;
+exports[`ssr snapshot test > ssr test packages/web/typography/_example/copyable.tsx 1`] = `"<span class="">This is a copyable text.<button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-copy"><path fill="currentColor" d="M2 2h13v5.5h-2V4H4v9h3.5v2H2V2zm7 7h13v13H9V9zm2 2v9h9v-9h-9z"></path></svg></button></span><br/><div class="" style="display:inline-block;width:50%"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>This is a copyable long text. <!-- -->TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"></span></span></span></span></div><button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-copy"><path fill="currentColor" d="M2 2h13v5.5h-2V4H4v9h3.5v2H2V2zm7 7h13v13H9V9zm2 2v9h9v-9h-9z"></path></svg></button><br/><span class="">This is a copyable long text with custom suffix.<button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-angry"><path fill="currentColor" d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm5.77-3.87l3.46 2-1 1.74-3.46-2 1-1.74zm11.46 1.74l-3.46 2-1-1.74 3.46-2 1 1.74zM7.67 15.5a5 5 0 018.66 0l.5.86-1.73 1-.5-.86a3 3 0 00-5.2 0l-.5.87-1.73-1 .5-.87z"></path></svg></button></span>"`;
 
-exports[`ssr snapshot test > ssr test src/typography/_example/ellipsis.tsx 1`] = `"<div class="t-typography"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"></span></span></span></span></div><div class="t-typography"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"><button style="padding:0;height:1em" type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">more</span></button></span></span></span></span></div><div class="" style="width:300px;display:block"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper"><span class="t-trigger">...</span><span class="t-typography-ellipsis-symbol"></span></span></span></span></div><div class="t-typography"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down" style="margin-left:4px;font-size:16px"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></span></span></span></span></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/typography/_example/ellipsis.tsx 1`] = `"<div class="t-typography"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"></span></span></span></span></div><div class="t-typography"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"><button style="padding:0;height:1em" type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">more</span></button></span></span></span></span></div><div class="" style="width:300px;display:block"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper"><span class="t-trigger">...</span><span class="t-typography-ellipsis-symbol"></span></span></span></span></div><div class="t-typography"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down" style="margin-left:4px;font-size:16px"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></span></span></span></span></div>"`;
 
-exports[`ssr snapshot test > ssr test src/typography/_example/text.tsx 1`] = `"<div style="gap:12px" class="t-space vertical-demo t-space-vertical"><div class="t-space-item"><span class="t-typography--primary">TDesign (primary)</span></div><div class="t-space-item"><span class="t-typography--secondary">TDesign (secondary)</span></div><div class="t-space-item"><span class="t-typography--disabled">TDesign (disabled)</span></div><div class="t-space-item"><span class="t-typography--success">TDesign (success)</span></div><div class="t-space-item"><span class="t-typography--warning">TDesign (warning)</span></div><div class="t-space-item"><span class="t-typography--error">TDesign (error)</span></div><div class="t-space-item"><span class="t-typography"><mark>TDesign (mark)</mark></span></div><div class="t-space-item"><span class="t-typography"><code>TDesign (code)</code></span></div><div class="t-space-item"><span class="t-typography"><kbd>TDesign (keyboard)</kbd></span></div><div class="t-space-item"><span class="t-typography"><u>TDesign (underline)</u></span></div><div class="t-space-item"><span class="t-typography"><del>TDesign (delete)</del></span></div><div class="t-space-item"><span class="t-typography"><strong>TDesign (strong)</strong></span></div><div class="t-space-item"><span class="t-typography"><i>TDesign (italic)</i></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/typography/_example/text.tsx 1`] = `"<div style="gap:12px" class="t-space vertical-demo t-space-vertical"><div class="t-space-item"><span class="t-typography--primary">TDesign (primary)</span></div><div class="t-space-item"><span class="t-typography--secondary">TDesign (secondary)</span></div><div class="t-space-item"><span class="t-typography--disabled">TDesign (disabled)</span></div><div class="t-space-item"><span class="t-typography--success">TDesign (success)</span></div><div class="t-space-item"><span class="t-typography--warning">TDesign (warning)</span></div><div class="t-space-item"><span class="t-typography--error">TDesign (error)</span></div><div class="t-space-item"><span class="t-typography"><mark>TDesign (mark)</mark></span></div><div class="t-space-item"><span class="t-typography"><code>TDesign (code)</code></span></div><div class="t-space-item"><span class="t-typography"><kbd>TDesign (keyboard)</kbd></span></div><div class="t-space-item"><span class="t-typography"><u>TDesign (underline)</u></span></div><div class="t-space-item"><span class="t-typography"><del>TDesign (delete)</del></span></div><div class="t-space-item"><span class="t-typography"><strong>TDesign (strong)</strong></span></div><div class="t-space-item"><span class="t-typography"><i>TDesign (italic)</i></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/typography/_example/title.tsx 1`] = `"<h1 class="t-typography">H1. TDesign</h1><h2 class="t-typography">H2. TDesign</h2><h3 class="t-typography">H3. TDesign</h3><h4 class="t-typography">H4. TDesign</h4><h5 class="t-typography">H5. TDesign</h5><h6 class="t-typography">H6. TDesign</h6>"`;
+exports[`ssr snapshot test > ssr test packages/web/typography/_example/title.tsx 1`] = `"<h1 class="t-typography">H1. TDesign</h1><h2 class="t-typography">H2. TDesign</h2><h3 class="t-typography">H3. TDesign</h3><h4 class="t-typography">H4. TDesign</h4><h5 class="t-typography">H5. TDesign</h5><h6 class="t-typography">H6. TDesign</h6>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" checked="" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单文件上传</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">多文件上传</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__tips t-size-s t-upload__placeholder">要求文件大小在 1M 以内</small></div></div></div><div class="t-space-item"><div class="t-upload" style="margin-left:40px"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">ReUpload</span></button></div><div class="t-upload__single-display-text t-upload__display-text--margin"><a target="_blank" href="https://tdesign.gtimg.com/site/source/figma-pc.png" class="t-upload__single-name t-link t-link--theme-default t-size-s t-link--hover-color">这是一个默认文件</a><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-upload__icon-delete"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div><div class="t-space-item"><div class="t-upload" style="margin-left:60px"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__tips t-size-s t-upload__placeholder">文件上传失败示例</small></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" checked="" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单文件上传</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">多文件上传</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__tips t-size-s t-upload__placeholder">要求文件大小在 1M 以内</small></div></div></div><div class="t-space-item"><div class="t-upload" style="margin-left:40px"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">ReUpload</span></button></div><div class="t-upload__single-display-text t-upload__display-text--margin"><a target="_blank" href="https://tdesign.gtimg.com/site/source/figma-pc.png" class="t-upload__single-name t-link t-link--theme-default t-size-s t-link--hover-color">这是一个默认文件</a><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-upload__icon-delete"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div><div class="t-space-item"><div class="t-upload" style="margin-left:60px"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__tips t-size-s t-upload__placeholder">文件上传失败示例</small></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/custom-drag.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload"><path fill="currentColor" d="M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zm7.4 3.3L17.41 15 16 16.41l-3-3V23h-2v-9.59l-3 3L6.59 15 12 9.59z"></path></svg><span class="t-button__text">点击上传</span></button></div><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__dragger t-upload__dragger-center"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义拖拽区域</span></button><br/><br/></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/custom-drag.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload"><path fill="currentColor" d="M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zm7.4 3.3L17.41 15 16 16.41l-3-3V23h-2v-9.59l-3 3L6.59 15 12 9.59z"></path></svg><span class="t-button__text">点击上传</span></button></div><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__dragger t-upload__dragger-center"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义拖拽区域</span></button><br/><br/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/draggable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>是否自动上传：<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;file&#x27;" checked="" value="file"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">文件拖拽上传</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;image&#x27;" value="image"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">图片拖拽上传</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__dragger t-upload__dragger-center"><div class="t-upload__trigger"><div><span class="t-upload--highlight">Upload</span><span>  /  <!-- -->Drag file to this area to upload</span></div></div></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__dragger"><div class="t-upload__dragger-progress"><div class="t-upload__dragger-progress-info"><div class="t-upload__dragger-text"><span class="t-upload__single-name">默认文件</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><small class="t-size-s">size<!-- -->：<!-- -->1.0 KB</small><small class="t-size-s">date<!-- -->：<!-- -->2022-09-25</small><div class="t-upload__dragger-btns"></div><div class="t-upload__dragger-btns"><a class="t-upload__dragger-progress-reupload t-link t-link--theme-primary t-link--hover-color">ReUpload</a><a class="t-upload__dragger-delete-btn t-link t-link--theme-danger t-link--hover-color">Delete</a></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/draggable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>是否自动上传：<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;file&#x27;" checked="" value="file"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">文件拖拽上传</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;image&#x27;" value="image"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">图片拖拽上传</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__dragger t-upload__dragger-center"><div class="t-upload__trigger"><div><span class="t-upload--highlight">Upload</span><span>  /  <!-- -->Drag file to this area to upload</span></div></div></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__dragger"><div class="t-upload__dragger-progress"><div class="t-upload__dragger-progress-info"><div class="t-upload__dragger-text"><span class="t-upload__single-name">默认文件</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><small class="t-size-s">size<!-- -->：<!-- -->1.0 KB</small><small class="t-size-s">date<!-- -->：<!-- -->2022-09-25</small><div class="t-upload__dragger-btns"></div><div class="t-upload__dragger-btns"><a class="t-upload__dragger-progress-reupload t-link t-link--theme-primary t-link--hover-color">ReUpload</a><a class="t-upload__dragger-delete-btn t-link t-link--theme-danger t-link--hover-color">Delete</a></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/file-flow-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示文件缩略图</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">允许上传同名文件</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">整体替换上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">多个文件一个请求上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" hidden=""/><div class="t-upload__flow t-upload__flow-file-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__flow-placeholder t-upload__placeholder">支持批量上传文件，文件格式不限，最多只能上传 10 份文件</small></div><div class="t-upload__flow-card-area"><div class="t-upload__flow-empty">Click &quot;Upload&quot; or Drag file to this area to upload</div></div><div class="t-upload__flow-bottom"><div type="button" disabled="" class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">Cancel</span></div><div type="button" disabled="" class="t-upload__continue t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">Upload</span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/file-flow-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示文件缩略图</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">允许上传同名文件</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">整体替换上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">多个文件一个请求上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" hidden=""/><div class="t-upload__flow t-upload__flow-file-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__flow-placeholder t-upload__placeholder">支持批量上传文件，文件格式不限，最多只能上传 10 份文件</small></div><div class="t-upload__flow-card-area"><div class="t-upload__flow-empty">Click &quot;Upload&quot; or Drag file to this area to upload</div></div><div class="t-upload__flow-bottom"><div type="button" disabled="" class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">Cancel</span></div><div type="button" disabled="" class="t-upload__continue t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">Upload</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/image.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">多个文件一个请求上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">请选择图片</p></div></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传（上传成功状态演示）</small></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">单张图片文件上传（上传失败状态演示）</small></div></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><span class="t-upload__card-mask-item-divider"></span><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">default.jpeg</a></li></ul></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">允许选择多张图片文件上传，最多只能上传 3 张图片</small></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/image.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">多个文件一个请求上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">请选择图片</p></div></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传（上传成功状态演示）</small></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">单张图片文件上传（上传失败状态演示）</small></div></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><span class="t-upload__card-mask-item-divider"></span><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">default.jpeg</a></li></ul></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">允许选择多张图片文件上传，最多只能上传 3 张图片</small></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/img-flow-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div>AutoUpload<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show Image Name</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show UploadButton Or CancelUploadButton</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Continue Upload</span></button></div><small class="t-upload__flow-placeholder t-upload__placeholder">支持批量上传图片文件</small></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>demo…-1.png</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>avatar.jpg</p></li></ul></div><div class="t-upload__flow-bottom"><div type="button" disabled="" class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">取消上传</span></div><button type="button" class="t-upload__continue t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Upload</span></button></div></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-left"><span class="t-divider__inner-text">Different Status Images</span></div></div><div class="t-space-item"><div class="static-image-list t-upload"><input type="file" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">ReUpload</span></button></div></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time-filled"><path fill="currentColor" d="M12 23a11 11 0 110-22 11 11 0 010 22zm1-17.5h-2v6.91l4 4L16.41 15 13 11.59V5.5z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-progress"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><p>Uploading</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-fail"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><p>Failed</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li></ul></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/img-flow-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div>AutoUpload<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show Image Name</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show UploadButton Or CancelUploadButton</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Continue Upload</span></button></div><small class="t-upload__flow-placeholder t-upload__placeholder">支持批量上传图片文件</small></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>demo…-1.png</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>avatar.jpg</p></li></ul></div><div class="t-upload__flow-bottom"><div type="button" disabled="" class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">取消上传</span></div><button type="button" class="t-upload__continue t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Upload</span></button></div></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-left"><span class="t-divider__inner-text">Different Status Images</span></div></div><div class="t-space-item"><div class="static-image-list t-upload"><input type="file" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">ReUpload</span></button></div></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time-filled"><path fill="currentColor" d="M12 23a11 11 0 110-22 11 11 0 010 22zm1-17.5h-2v6.91l4 4L16.41 15 13 11.59V5.5z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-progress"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><p>Uploading</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-fail"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><p>Failed</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li></ul></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/request-method.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;requestSuccessMethod&#x27;" checked="" value="requestSuccessMethod"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上传成功示例</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;requestFailMethod&#x27;" value="requestFailMethod"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上传失败示例</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__tips t-size-s t-upload__placeholder">自定义上传方法需要返回成功或失败信息</small></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/request-method.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;requestSuccessMethod&#x27;" checked="" value="requestSuccessMethod"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上传成功示例</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;requestFailMethod&#x27;" value="requestFailMethod"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上传失败示例</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__tips t-size-s t-upload__placeholder">自定义上传方法需要返回成功或失败信息</small></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/single-custom.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" hidden=""/><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义上传</span></button></div><small class="t-upload__tips t-size-s">上传文件大小在 1M 以内</small></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/single-custom.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" hidden=""/><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义上传</span></button></div><small class="t-upload__tips t-size-s">上传文件大小在 1M 以内</small></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/single-input.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload t-upload--theme-file-input" style="width:350px"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file-input"><div class="t-upload__single-input-preview t-input "><div class="t-input__inner t-upload__placeholder"><span class="t-upload__single-input-text t-upload__placeholder">请选择文件</span></div></div><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">Upload</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/single-input.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload t-upload--theme-file-input" style="width:350px"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file-input"><div class="t-upload__single-input-preview t-input "><div class="t-input__inner t-upload__placeholder"><span class="t-upload__single-input-text t-upload__placeholder">请选择文件</span></div></div><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">Upload</span></button></div></div></div></div></div>"`;
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index a4696e5329..a18b83d6e5 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -1,1237 +1,1237 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`ssr snapshot test > ssr test src/affix/_example/base.tsx 1`] = `"<div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">固钉</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/affix/_example/base.tsx 1`] = `"<div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">固钉</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/affix/_example/container.tsx 1`] = `"<div style="border:1px solid var(--component-stroke);border-radius:3px;height:400px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none"><div style="height:1500px;padding-top:700px;background-color:#eee;background-image:linear-gradient(45deg,#bbb 25%,transparent 0),linear-gradient(45deg,transparent 75%,#bbb 0),linear-gradient(45deg,#bbb 25%,transparent 0),linear-gradient(45deg,transparent 75%,#bbb 0);background-size:30px 30px;background-position:0 0,15px 15px,15px 15px,0 0"><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">affixed: <!-- -->false</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/affix/_example/container.tsx 1`] = `"<div style="border:1px solid var(--component-stroke);border-radius:3px;height:400px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none"><div style="height:1500px;padding-top:700px;background-color:#eee;background-image:linear-gradient(45deg,#bbb 25%,transparent 0),linear-gradient(45deg,transparent 75%,#bbb 0),linear-gradient(45deg,#bbb 25%,transparent 0),linear-gradient(45deg,transparent 75%,#bbb 0);background-size:30px 30px;background-position:0 0,15px 15px,15px 15px,0 0"><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">affixed: <!-- -->false</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/alert/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/alert/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/alert/_example/close.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div><div class="t-alert__close">关闭</div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div><div class="t-alert__close">知道了</div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div><div class="t-alert__close"><span>自定义关闭</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/alert/_example/close.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div><div class="t-alert__close">关闭</div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div><div class="t-alert__close">知道了</div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div><div class="t-alert__close"><span>自定义关闭</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/alert/_example/collapse.tsx 1`] = `"<div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description"><div>1.这是一条普通的消息提示描述，</div><div>2.这是一条普通的消息提示描述，</div><div class="t-alert__collapse">展开更多</div></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/alert/_example/collapse.tsx 1`] = `"<div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description"><div>1.这是一条普通的消息提示描述，</div><div>2.这是一条普通的消息提示描述，</div><div class="t-alert__collapse">展开更多</div></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/alert/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/alert/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/alert/_example/operation.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/alert/_example/operation.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/alert/_example/swiper.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/alert/_example/swiper.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-alert t-alert--success"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条成功的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--warning"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">这是一条警示消息</div></div></div></div></div><div class="t-space-item"><div class="t-alert t-alert--error"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__message"><div class="t-alert__description">高危操作/出错信息提示</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/alert/_example/title.tsx 1`] = `"<div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__title">这是一条普通的消息提示</div><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示描述，这是一条普通的消息提示描述</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/alert/_example/title.tsx 1`] = `"<div class="t-alert t-alert--info"><div class="t-alert__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-alert__content"><div class="t-alert__title">这是一条普通的消息提示</div><div class="t-alert__message"><div class="t-alert__description">这是一条普通的消息提示描述，这是一条普通的消息提示描述</div><div class="t-alert__operation"><span>相关操作</span></div></div></div><div class="t-alert__close"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/base.tsx 1`] = `"<div style="display:flex"><div style="flex:1"></div><div><div><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#尺寸" class="t-anchor__item-link" title="尺寸" target="_self">尺寸</a></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/base.tsx 1`] = `"<div style="display:flex"><div style="flex:1"></div><div><div><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#尺寸" class="t-anchor__item-link" title="尺寸" target="_self">尺寸</a></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/container.tsx 1`] = `"<div style="display:flex" id="attach" class="anchor-demo-attach"><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#content-1" class="t-anchor__item-link" title="content-1" target="_self">content-1</a></div><div class="t-anchor__item"><a href="#content-2" class="t-anchor__item-link" title="content-2" target="_self">content-2</a></div><div class="t-anchor__item"><a href="#content-3" class="t-anchor__item-link" title="content-3" target="_self">content-3</a></div><div class="t-anchor__item"><a href="#content-4" class="t-anchor__item-link" title="content-4" target="_self">content-4</a></div></div><div id="anchor-container" style="width:100%;height:200px;overflow:auto;text-align:center;font-size:22px"><div id="content-1" style="background:#DFEFFF;line-height:100px">content-1</div><div id="content-2" style="background:#BFDBF7;line-height:100px">content-2</div><div id="content-3" style="background:#9BC5F2;line-height:100px">content-3</div><div id="content-4" style="background:#7BAFED;line-height:100px">content-4</div><div id="content-5" style="background:#5C99EB;line-height:100px">content-5</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/container.tsx 1`] = `"<div style="display:flex" id="attach" class="anchor-demo-attach"><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#content-1" class="t-anchor__item-link" title="content-1" target="_self">content-1</a></div><div class="t-anchor__item"><a href="#content-2" class="t-anchor__item-link" title="content-2" target="_self">content-2</a></div><div class="t-anchor__item"><a href="#content-3" class="t-anchor__item-link" title="content-3" target="_self">content-3</a></div><div class="t-anchor__item"><a href="#content-4" class="t-anchor__item-link" title="content-4" target="_self">content-4</a></div></div><div id="anchor-container" style="width:100%;height:200px;overflow:auto;text-align:center;font-size:22px"><div id="content-1" style="background:#DFEFFF;line-height:100px">content-1</div><div id="content-2" style="background:#BFDBF7;line-height:100px">content-2</div><div id="content-3" style="background:#9BC5F2;line-height:100px">content-3</div><div id="content-4" style="background:#7BAFED;line-height:100px">content-4</div><div id="content-5" style="background:#5C99EB;line-height:100px">content-5</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/cursor.tsx 1`] = `"<div style="display:flex"><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div style="width:10px;height:10px;background-color:#0052D9;position:absolute;border-radius:50%;left:50%;margin-left:-5px;top:50%;margin-top:-5px"></div></div></div><div class="t-anchor__item"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#尺寸" class="t-anchor__item-link" title="尺寸" target="_self">尺寸</a></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/cursor.tsx 1`] = `"<div style="display:flex"><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div style="width:10px;height:10px;background-color:#0052D9;position:absolute;border-radius:50%;left:50%;margin-left:-5px;top:50%;margin-top:-5px"></div></div></div><div class="t-anchor__item"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#尺寸" class="t-anchor__item-link" title="尺寸" target="_self">尺寸</a></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/customize-highlight.tsx 1`] = `"<div style="display:flex"><div style="flex:1"></div><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item t-is-active"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#自定义游标锚点" class="t-anchor__item-link" title="自定义游标锚点" target="_self">自定义游标锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#不同尺寸的锚点" class="t-anchor__item-link" title="不同尺寸的锚点" target="_self">不同尺寸的锚点</a></div><div class="t-anchor__item"><a href="#自定义锚点高亮" class="t-anchor__item-link" title="自定义锚点高亮" target="_self">自定义锚点高亮</a></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/customize-highlight.tsx 1`] = `"<div style="display:flex"><div style="flex:1"></div><div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item t-is-active"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#自定义游标锚点" class="t-anchor__item-link" title="自定义游标锚点" target="_self">自定义游标锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#不同尺寸的锚点" class="t-anchor__item-link" title="不同尺寸的锚点" target="_self">不同尺寸的锚点</a></div><div class="t-anchor__item"><a href="#自定义锚点高亮" class="t-anchor__item-link" title="自定义锚点高亮" target="_self">自定义锚点高亮</a></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/large.tsx 1`] = `"<div id="size-large"><div class="t-anchor t-size-l"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#default" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#multiple" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="尺寸大小" target="_self">尺寸大小</a><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="size-medium" target="_self">size-medium</a></div><div class="t-anchor__item"><a href="#size-large" class="t-anchor__item-link" title="size-large" target="_self">size-large</a></div></div><div class="t-anchor__item"><a href="#attach" class="t-anchor__item-link" title="指定容器" target="_self">指定容器</a></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/large.tsx 1`] = `"<div id="size-large"><div class="t-anchor t-size-l"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#default" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#multiple" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="尺寸大小" target="_self">尺寸大小</a><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="size-medium" target="_self">size-medium</a></div><div class="t-anchor__item"><a href="#size-large" class="t-anchor__item-link" title="size-large" target="_self">size-large</a></div></div><div class="t-anchor__item"><a href="#attach" class="t-anchor__item-link" title="指定容器" target="_self">指定容器</a></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/multiple.tsx 1`] = `"<div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#尺寸" class="t-anchor__item-link" title="尺寸" target="_self">尺寸</a><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="size-medium" target="_self">size-medium</a></div><div class="t-anchor__item"><a href="#size-large" class="t-anchor__item-link" title="size-large" target="_self">size-large</a></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/multiple.tsx 1`] = `"<div class="t-anchor t-size-m"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#基础锚点" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#多级锚点" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#指定容器锚点" class="t-anchor__item-link" title="指定容器锚点" target="_self">指定容器锚点</a></div><div class="t-anchor__item"><a href="#特定交互锚点" class="t-anchor__item-link" title="特定交互锚点" target="_self">特定交互锚点</a></div><div class="t-anchor__item"><a href="#尺寸" class="t-anchor__item-link" title="尺寸" target="_self">尺寸</a><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="size-medium" target="_self">size-medium</a></div><div class="t-anchor__item"><a href="#size-large" class="t-anchor__item-link" title="size-large" target="_self">size-large</a></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/small.tsx 1`] = `"<div id="size-small"><div class="t-anchor t-size-s"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#default" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#multiple" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="尺寸大小" target="_self">尺寸大小</a><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="size-medium" target="_self">size-medium</a></div><div class="t-anchor__item"><a href="#size-large" class="t-anchor__item-link" title="size-large" target="_self">size-large</a></div></div><div class="t-anchor__item"><a href="#attach" class="t-anchor__item-link" title="指定容器" target="_self">指定容器</a></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/small.tsx 1`] = `"<div id="size-small"><div class="t-anchor t-size-s"><div class="t-anchor__line"><div class="t-anchor__line-cursor-wrapper" style="top:0px;height:0px;opacity:0"><div class="t-anchor__line-cursor"></div></div></div><div class="t-anchor__item"><a href="#default" class="t-anchor__item-link" title="基础锚点" target="_self">基础锚点</a></div><div class="t-anchor__item"><a href="#multiple" class="t-anchor__item-link" title="多级锚点" target="_self">多级锚点</a></div><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="尺寸大小" target="_self">尺寸大小</a><div class="t-anchor__item"><a href="#size" class="t-anchor__item-link" title="size-medium" target="_self">size-medium</a></div><div class="t-anchor__item"><a href="#size-large" class="t-anchor__item-link" title="size-large" target="_self">size-large</a></div></div><div class="t-anchor__item"><a href="#attach" class="t-anchor__item-link" title="指定容器" target="_self">指定容器</a></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/anchor/_example/target.tsx 1`] = `"<div id="/components/anchor/#anchor-target" class="anchor-demo"><h1 id="/components/anchor/#default" class="t-anchor__target">基础锚点<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1><h1 id="/components/anchor/#multiple" class="t-anchor__target">多级锚点<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1><h1 id="/components/anchor/#size" class="t-anchor__target">尺寸大小<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1><h1 id="/components/anchor/#attach" class="t-anchor__target">指定容器<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/anchor/_example/target.tsx 1`] = `"<div id="/components/anchor/#anchor-target" class="anchor-demo"><h1 id="/components/anchor/#default" class="t-anchor__target">基础锚点<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1><h1 id="/components/anchor/#multiple" class="t-anchor__target">多级锚点<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1><h1 id="/components/anchor/#size" class="t-anchor__target">尺寸大小<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1><h1 id="/components/anchor/#attach" class="t-anchor__target">指定容器<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file-copy t-anchor__copy"><path fill="currentColor" d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"></path></svg></h1></div>"`;
 
-exports[`ssr snapshot test > ssr test src/auto-complete/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-demo-auto-complete__base t-space-vertical"><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete t-demo-autocomplete__search"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请输入关键词搜索（自定义右侧图标）" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/auto-complete/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-demo-auto-complete__base t-space-vertical"><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete t-demo-autocomplete__search"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请输入关键词搜索（自定义右侧图标）" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></button></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/auto-complete/_example/filter.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-auto-complete" style="width:280px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="组件默认过滤规则（不区分大小写）" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete" style="width:280px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="组件默认过滤规则（不区分大小写）" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/auto-complete/_example/filter.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-auto-complete" style="width:280px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="组件默认过滤规则（不区分大小写）" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete" style="width:280px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="组件默认过滤规则（不区分大小写）" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/auto-complete/_example/option.tsx 1`] = `"<div class="t-demo-autocomplete-option"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/auto-complete/_example/option.tsx 1`] = `"<div class="t-demo-autocomplete-option"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/auto-complete/_example/size.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left t-input--prefix"><div class="t-input__prefix">小尺寸：</div><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix">中尺寸：</div><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left t-input--prefix"><div class="t-input__prefix">大尺寸：</div><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/auto-complete/_example/size.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left t-input--prefix"><div class="t-input__prefix">小尺寸：</div><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix">中尺寸：</div><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left t-input--prefix"><div class="t-input__prefix">大尺寸：</div><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/auto-complete/_example/status.tsx 1`] = `"<div style="width:100%;gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" disabled="" value=""/></div><div class="t-input__tips t-input__tips--default">这是禁用状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" readonly="" value=""/></div><div class="t-input__tips t-input__tips--default">这是只读状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--default">这是普通状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--warning">这是告警状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-error"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--error">这是错误状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-success"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--success">这是成功状态</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/auto-complete/_example/status.tsx 1`] = `"<div style="width:100%;gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" disabled="" value=""/></div><div class="t-input__tips t-input__tips--default">这是禁用状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" readonly="" value=""/></div><div class="t-input__tips t-input__tips--default">这是只读状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--default">这是普通状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--warning">这是告警状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-error"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--error">这是错误状态</div></div></div></div><div class="t-space-item"><div class="t-auto-complete"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-success"><input placeholder="请输入关键词搜索" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--success">这是成功状态</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/auto-complete/_example/trigger-element.tsx 1`] = `"<div class="t-auto-complete"><div class="t-textarea"><textarea placeholder="自定义联想词触发元素" class="t-textarea__inner"></textarea></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/auto-complete/_example/trigger-element.tsx 1`] = `"<div class="t-auto-complete"><div class="t-textarea"><textarea placeholder="自定义联想词触发元素" class="t-textarea__inner"></textarea></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/adjust.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">王</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">王亿</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">王亿亿</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/avatar/_example/adjust.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">王</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">王亿</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">王亿亿</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/avatar/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-size-l t-avatar--circle t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/avatar/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-size-l t-avatar--circle t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/group-cascading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-left"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/avatar/_example/group-cascading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-left"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">W</span></div><div class="t-avatar t-avatar--circle t-avatar__icon" style="width:default;height:default;font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/group-max.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">Avatar</span></div><div class="t-avatar t-avatar__collapse t-size-l t-avatar--circle"><span style="transform:scale(1)">+1</span></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">Avatar</span></div><div class="t-avatar t-avatar__collapse t-size-l t-avatar--circle"><span style="transform:scale(1)"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">Avatar</span></div><div class="t-avatar t-avatar__collapse t-size-l t-avatar--circle"><span style="transform:scale(1)">more</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/avatar/_example/group-max.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">Avatar</span></div><div class="t-avatar t-avatar__collapse t-size-l t-avatar--circle"><span style="transform:scale(1)">+1</span></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">Avatar</span></div><div class="t-avatar t-avatar__collapse t-size-l t-avatar--circle"><span style="transform:scale(1)"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></div></div></div><div class="t-space-item"><div class="t-avatar-group t-avatar--offset-right"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-size-l t-avatar--circle"><span style="transform:scale(1)">Avatar</span></div><div class="t-avatar t-avatar__collapse t-size-l t-avatar--circle"><span style="transform:scale(1)">more</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--round" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/avatar/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--round" style="width:default;height:default;font-size:NaNpx;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/size.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-size-s t-avatar--circle" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-m t-avatar--circle" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-l t-avatar--circle" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:100px;height:100px;font-size:50px;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-size-s t-avatar--round" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-m t-avatar--round" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-l t-avatar--round" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--round" style="width:100px;height:100px;font-size:50px;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-size-s t-avatar--round" style="margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-size-m t-avatar--round" style="margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-size-l t-avatar--round" style="margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-avatar--round" style="width:100px;height:100px;font-size:50px;margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:100px;height:100px"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/avatar/_example/size.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-size-s t-avatar--circle" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-m t-avatar--circle" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-l t-avatar--circle" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--circle" style="width:100px;height:100px;font-size:50px;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-size-s t-avatar--round" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-m t-avatar--round" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-size-l t-avatar--round" style="margin-right:40px"><span style="transform:scale(1)">W</span></div></div><div class="t-space-item"><div class="t-avatar t-avatar--round" style="width:100px;height:100px;font-size:50px;margin-right:40px"><span style="transform:scale(1)">W</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-avatar t-size-s t-avatar--round" style="margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-size-m t-avatar--round" style="margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-size-l t-avatar--round" style="margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div class="t-space-item"><div class="t-avatar t-avatar--round" style="width:100px;height:100px;font-size:50px;margin-right:40px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:100px;height:100px"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/back-top/_example/baseList.tsx 1`] = `"<div style="position:relative"><div id="demo_1" style="width:100%;height:280px;position:relative;overflow-y:scroll;overflow-x:hidden;border:1px solid #dcdcdcff"><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li></ul></div></div><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-size-m" style="inset-inline-end:24px;inset-block-end:80px;position:absolute"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/back-top/_example/baseList.tsx 1`] = `"<div style="position:relative"><div id="demo_1" style="width:100%;height:280px;position:relative;overflow-y:scroll;overflow-x:hidden;border:1px solid #dcdcdcff"><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li></ul></div></div><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-size-m" style="inset-inline-end:24px;inset-block-end:80px;position:absolute"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/back-top/_example/baseListSmall.tsx 1`] = `"<div style="position:relative"><div id="demo_1" style="width:100%;height:280px;position:relative;overflow-y:scroll;overflow-x:hidden;border:1px solid #dcdcdcff"><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li></ul></div></div><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-size-s" style="inset-inline-end:24px;inset-block-end:80px;position:absolute"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/back-top/_example/baseListSmall.tsx 1`] = `"<div style="position:relative"><div id="demo_1" style="width:100%;height:280px;position:relative;overflow-y:scroll;overflow-x:hidden;border:1px solid #dcdcdcff"><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容</div></li></ul></div></div><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-size-s" style="inset-inline-end:24px;inset-block-end:80px;position:absolute"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/back-top/_example/custom.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><span class="custom-node">返回</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><span>TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><span>UP</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/back-top/_example/custom.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><span class="custom-node">返回</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><span>TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><span>UP</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/back-top/_example/shape.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/back-top/_example/shape.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/back-top/_example/size.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/back-top/_example/size.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/back-top/_example/theme.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--circle t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--circle t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--circle t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/back-top/_example/theme.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--circle t-back-top--show t-size-m" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--square t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-light t-back-top--circle t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-primary t-back-top--circle t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div><div class="t-space-item"><button type="button" class="t-back-top t-back-top--theme-dark t-back-top--circle t-back-top--show t-size-s" style="inset-inline-end:0;inset-block-end:0;position:relative"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-backtop t-back-top__icon" style="font-size:24px"><path fill="currentColor" d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"></path></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--dot"></span></span><span class="t-badge">解锁新徽章<span class="t-badge--dot"></span></span><span class="t-badge"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="font-size:24px"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-badge--dot"></span></span>"`;
+exports[`ssr snapshot test > ssr test packages/web/badge/_example/base.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--dot"></span></span><span class="t-badge">解锁新徽章<span class="t-badge--dot"></span></span><span class="t-badge"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="font-size:24px"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-badge--dot"></span></span>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/color.tsx 1`] = `"<label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">红点样式</span></label><div><span class="t-badge--static t-badge--dot" style="background-color:#f44336"></span><span class="t-badge--static t-badge--dot" style="background-color:#e91e63"></span><span class="t-badge--static t-badge--dot" style="background-color:#9c27b0"></span><span class="t-badge--static t-badge--dot" style="background-color:#3f51b5"></span><span class="t-badge--static t-badge--dot" style="background-color:#2196f3"></span><span class="t-badge--static t-badge--dot" style="background-color:#03a9f4"></span><span class="t-badge--static t-badge--dot" style="background-color:#00bcd4"></span><span class="t-badge--static t-badge--dot" style="background-color:#009688"></span><span class="t-badge--static t-badge--dot" style="background-color:#4caf50"></span><span class="t-badge--static t-badge--dot" style="background-color:#8bc34a"></span><span class="t-badge--static t-badge--dot" style="background-color:#cddc39"></span><span class="t-badge--static t-badge--dot" style="background-color:#ffeb3b"></span><span class="t-badge--static t-badge--dot" style="background-color:#ffc107"></span><span class="t-badge--static t-badge--dot" style="background-color:#ff9800"></span><span class="t-badge--static t-badge--dot" style="background-color:#ff5722"></span><span class="t-badge--static t-badge--dot" style="background-color:#795548"></span><span class="t-badge--static t-badge--dot" style="background-color:#9e9e9e"></span><span class="t-badge--static t-badge--dot" style="background-color:#607d8b"></span></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/badge/_example/color.tsx 1`] = `"<label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">红点样式</span></label><div><span class="t-badge--static t-badge--dot" style="background-color:#f44336"></span><span class="t-badge--static t-badge--dot" style="background-color:#e91e63"></span><span class="t-badge--static t-badge--dot" style="background-color:#9c27b0"></span><span class="t-badge--static t-badge--dot" style="background-color:#3f51b5"></span><span class="t-badge--static t-badge--dot" style="background-color:#2196f3"></span><span class="t-badge--static t-badge--dot" style="background-color:#03a9f4"></span><span class="t-badge--static t-badge--dot" style="background-color:#00bcd4"></span><span class="t-badge--static t-badge--dot" style="background-color:#009688"></span><span class="t-badge--static t-badge--dot" style="background-color:#4caf50"></span><span class="t-badge--static t-badge--dot" style="background-color:#8bc34a"></span><span class="t-badge--static t-badge--dot" style="background-color:#cddc39"></span><span class="t-badge--static t-badge--dot" style="background-color:#ffeb3b"></span><span class="t-badge--static t-badge--dot" style="background-color:#ffc107"></span><span class="t-badge--static t-badge--dot" style="background-color:#ff9800"></span><span class="t-badge--static t-badge--dot" style="background-color:#ff5722"></span><span class="t-badge--static t-badge--dot" style="background-color:#795548"></span><span class="t-badge--static t-badge--dot" style="background-color:#9e9e9e"></span><span class="t-badge--static t-badge--dot" style="background-color:#607d8b"></span></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/custom.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--dot"></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle">hot</span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-success-color)">new</span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--round" style="background-color:var(--brand-main)">100</span></span></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--dot"></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-error-color-1)"><span style="color:var(--td-error-color)">hot</span></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-success-color-1)"><span style="color:var(--td-success-color)">new</span></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-brand-color-1)"><span style="color:var(--td-brand-color)">new</span></span></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/badge/_example/custom.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--dot"></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle">hot</span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-success-color)">new</span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--round" style="background-color:var(--brand-main)">100</span></span></div></div></div><div class="t-space-item"><div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--dot"></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-error-color-1)"><span style="color:var(--td-error-color)">hot</span></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-success-color-1)"><span style="color:var(--td-success-color)">new</span></span></span></div><div class="t-space-item"><span class="t-badge"><div style="width:40px;height:40px;background:#EEEEEE;border:1px solid #DCDCDC;border-radius:3px"></div><span class="t-badge--circle" style="background-color:var(--td-brand-color-1)"><span style="color:var(--td-brand-color)">new</span></span></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/number.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--circle">99</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--circle">99+</span></span>"`;
+exports[`ssr snapshot test > ssr test packages/web/badge/_example/number.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--circle">99</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text"> </span></button><span class="t-badge--circle">99+</span></span>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/offset.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">默认</span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[10,10]</span></button><span class="t-badge--circle" style="right:10px;margin-top:10px">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[-10,10]</span></button><span class="t-badge--circle" style="right:-10px;margin-top:10px">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[-10,-10]</span></button><span class="t-badge--circle" style="right:-10px;margin-top:-10px">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[10,-10]</span></button><span class="t-badge--circle" style="right:10px;margin-top:-10px">2</span></span>"`;
+exports[`ssr snapshot test > ssr test packages/web/badge/_example/offset.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">默认</span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[10,10]</span></button><span class="t-badge--circle" style="right:10px;margin-top:10px">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[-10,10]</span></button><span class="t-badge--circle" style="right:-10px;margin-top:10px">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[-10,-10]</span></button><span class="t-badge--circle" style="right:-10px;margin-top:-10px">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">[10,-10]</span></button><span class="t-badge--circle" style="right:10px;margin-top:-10px">2</span></span>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/shape.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text"> circle</span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">round</span></button><span class="t-badge--round">99</span></span>"`;
+exports[`ssr snapshot test > ssr test packages/web/badge/_example/shape.tsx 1`] = `"<span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text"> circle</span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">round</span></button><span class="t-badge--round">99</span></span>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<h3 style="margin-bottom:16px">1.默认大小</h3><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle">99</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle">99+</span></span><h3 style="margin-bottom:16px;margin-top:32px">2.小</h3><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle t-size-s">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle t-size-s">99</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle t-size-s">99+</span></span>"`;
+exports[`ssr snapshot test > ssr test packages/web/badge/_example/size.tsx 1`] = `"<h3 style="margin-bottom:16px">1.默认大小</h3><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle">99</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle">99+</span></span><h3 style="margin-bottom:16px;margin-top:32px">2.小</h3><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle t-size-s">2</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle t-size-s">99</span></span><span class="t-badge"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">按钮</span></button><span class="t-badge--circle t-size-s">99+</span></span>"`;
 
-exports[`ssr snapshot test > ssr test src/breadcrumb/_example/base.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:200px"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:200px"><span class="t-breadcrumb__inner-text">页面2页面2页面2页面2页面2页面2页面2页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/breadcrumb/_example/base.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:200px"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:200px"><span class="t-breadcrumb__inner-text">页面2页面2页面2页面2页面2页面2页面2页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3页面3</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/breadcrumb/_example/custom.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator">&gt;&gt;</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator">&gt;&gt;</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160"><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator">&gt;&gt;</span></div></div><div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator">/////</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator">/////</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160"><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator">/////</span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/breadcrumb/_example/custom.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator">&gt;&gt;</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator">&gt;&gt;</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160"><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator">&gt;&gt;</span></div></div><div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator">/////</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator">/////</span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160"><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator">/////</span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/breadcrumb/_example/href.tsx 1`] = `"<div><div class="t-breadcrumb"><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" href="/" target="_blank"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面1</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow t-is-disabled"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160"><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div><div style="margin-top:20px">点击计数器：<!-- -->0</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/breadcrumb/_example/href.tsx 1`] = `"<div><div class="t-breadcrumb"><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" href="/" target="_blank"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面1</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow t-is-disabled"><span class="t-breadcrumb__inner" style="max-width:150"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160"><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div><div style="margin-top:20px">点击计数器：<!-- -->0</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/breadcrumb/_example/icon.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark"><path fill="currentColor" d="M4 3h16v19.94l-8-5.71-8 5.71V3zm2 2v14.06l6-4.29 6 4.29V5H6z"></path></svg><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark"><path fill="currentColor" d="M4 3h16v19.94l-8-5.71-8 5.71V3zm2 2v14.06l6-4.29 6 4.29V5H6z"></path></svg><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark"><path fill="currentColor" d="M4 3h16v19.94l-8-5.71-8 5.71V3zm2 2v14.06l6-4.29 6 4.29V5H6z"></path></svg><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/breadcrumb/_example/icon.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark"><path fill="currentColor" d="M4 3h16v19.94l-8-5.71-8 5.71V3zm2 2v14.06l6-4.29 6 4.29V5H6z"></path></svg><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark"><path fill="currentColor" d="M4 3h16v19.94l-8-5.71-8 5.71V3zm2 2v14.06l6-4.29 6 4.29V5H6z"></path></svg><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark"><path fill="currentColor" d="M4 3h16v19.94l-8-5.71-8 5.71V3zm2 2v14.06l6-4.29 6 4.29V5H6z"></path></svg><span class="t-breadcrumb__inner-text">页面3</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/breadcrumb/_example/options.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" href="https://github.com/" target="_self"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面3</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/breadcrumb/_example/options.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面1</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面2</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" href="https://github.com/" target="_self"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面3</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/breadcrumb/_example/to.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" target="_self"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">首页</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" target="_self"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面1</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/breadcrumb/_example/to.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" target="_self"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">首页</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><a class="t-breadcrumb--text-overflow t-link" target="_self"><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text">页面1</span></span></a><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/breadcrumb/_example/width.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:100px"><span class="t-breadcrumb__inner-text">父级设置100px父级设置100px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160px"><span class="t-breadcrumb__inner-text">设置最大宽度160px设置最大宽度160px设置最大宽度160px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:240px"><span class="t-breadcrumb__inner-text">设置最大宽度240px设置最大宽度240px设置最大宽度240px设置最大宽度240px设置最大宽度240px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:100px"><span class="t-breadcrumb__inner-text">父级设置100px父级设置100px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/breadcrumb/_example/width.tsx 1`] = `"<div class="t-breadcrumb"><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:100px"><span class="t-breadcrumb__inner-text">父级设置100px父级设置100px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:160px"><span class="t-breadcrumb__inner-text">设置最大宽度160px设置最大宽度160px设置最大宽度160px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:240px"><span class="t-breadcrumb__inner-text">设置最大宽度240px设置最大宽度240px设置最大宽度240px设置最大宽度240px设置最大宽度240px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div class="t-breadcrumb__item"><span class="t-breadcrumb--text-overflow"><span class="t-breadcrumb__inner" style="max-width:100px"><span class="t-breadcrumb__inner-text">父级设置100px父级设置100px</span></span></span><span class="t-breadcrumb__separator"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="opacity:.5"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/block.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-full-width"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-full-width"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-size-full-width"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-full-width"><span class="t-button__text">文字按钮</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/block.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-full-width"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-full-width"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-size-full-width"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-full-width"><span class="t-button__text">文字按钮</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/custom-element.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">div</span></div></div><div class="t-space-item"><a type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">a</span></a></div><div class="t-space-item"><a href="#" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">a:href</span></a></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/custom-element.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">div</span></div></div><div class="t-space-item"><a type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">a</span></a></div><div class="t-space-item"><a href="#" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">a:href</span></a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/ghost.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/ghost.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-outline t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-dashed t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-text t-button--ghost"><span class="t-button__text">幽灵按钮</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><span class="t-button__text">新建</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload"><path fill="currentColor" d="M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zm7.4 3.3L17.41 15 16 16.41l-3-3V23h-2v-9.59l-3 3L6.59 15 12 9.59z"></path></svg><span class="t-button__text">上传文件</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-download"><path fill="currentColor" d="M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zM13 10v9.59l3-3L17.41 18 12 23.41 6.59 18 8 16.59l3 3V10h2z"></path></svg></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg><span class="t-button__text">Function Icon</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><span class="t-button__text">新建</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload"><path fill="currentColor" d="M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zm7.4 3.3L17.41 15 16 16.41l-3-3V23h-2v-9.59l-3 3L6.59 15 12 9.59z"></path></svg><span class="t-button__text">上传文件</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-download"><path fill="currentColor" d="M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zM13 10v9.59l3-3L17.41 18 12 23.41 6.59 18 8 16.59l3 3V10h2z"></path></svg></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg><span class="t-button__text">Function Icon</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-round"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-round"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-round"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-round"><span class="t-button__text">文字按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-round"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-round"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-round"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-round"><span class="t-button__text">文字按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-circle"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-s"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-size-s"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-l"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-size-l"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-l"><span class="t-button__text">文字按钮</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-s"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-size-s"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-l"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-l"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed t-size-l"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-l"><span class="t-button__text">文字按钮</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">填充按钮</span></div></div><div class="t-space-item"><button type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-loading"><div class="t-loading t-loading--center t-size-m t-loading--inherit-color"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><span class="t-button__text">加载中</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">填充按钮</span></div></div><div class="t-space-item"><button type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-loading"><div class="t-loading t-loading--center t-size-m t-loading--inherit-color"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><span class="t-button__text">加载中</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/button/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-base"><span class="t-button__text">填充按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-outline"><span class="t-button__text">描边按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-dashed"><span class="t-button__text">虚框按钮</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-text"><span class="t-button__text">文字按钮</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/base.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/base.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/card.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>请选择风格：</label></div><div class="t-space-item"><div class="t-select__wrap" style="width:200px;display:inline-block;margin:0 10px 0 0"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><button style="margin-left:12px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">回到今天</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>日期补零：</label></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-space-item"><div class="t-calendar t-calendar--card undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">3</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">4</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">5</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">6</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">7</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">8</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">9</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">3</div></td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/card.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>请选择风格：</label></div><div class="t-space-item"><div class="t-select__wrap" style="width:200px;display:inline-block;margin:0 10px 0 0"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><button style="margin-left:12px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">回到今天</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>日期补零：</label></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-space-item"><div class="t-calendar t-calendar--card undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">3</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">4</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">5</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">6</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">7</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">8</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">9</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">3</div></td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/cell.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>3</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>4</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>5</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>6</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>7</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>8</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>9</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>10</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>11</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>12</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>13</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>14</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>15</div><div style="gap:2px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="错误事件">错误事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="警告事件">警告事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="正常事件">正常事件</span></div></div></div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>16</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>17</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>18</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>19</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>20</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>21</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>22</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>23</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>24</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>25</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>26</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>27</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div style="width:100%"><div>28</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>29</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>31</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>3</div></div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/cell.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>3</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>4</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>5</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>6</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>7</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>8</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>9</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>10</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>11</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>12</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>13</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>14</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>15</div><div style="gap:2px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="错误事件">错误事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="警告事件">警告事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="正常事件">正常事件</span></div></div></div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>16</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>17</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>18</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>19</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>20</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>21</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>22</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>23</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>24</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>25</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>26</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>27</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div style="width:100%"><div>28</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>29</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>31</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>3</div></div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/cell-append.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div><div class="t-calendar__table-body-cell-content"><div class="cell-append-demo-outer"><div class="t-tag t-tag--success t-tag--light t-size-s activeTag" style="width:100%"><span title="我们的纪念日">我们的纪念日</span></div><div class="t-tag t-tag--warning t-tag--light t-size-s activeTag" style="width:100%"><span title="家庭聚会">家庭聚会</span></div></div></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div><div class="t-calendar__table-body-cell-content"></div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/cell-append.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div><div class="t-calendar__table-body-cell-content"></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div><div class="t-calendar__table-body-cell-content"><div class="cell-append-demo-outer"><div class="t-tag t-tag--success t-tag--light t-size-s activeTag" style="width:100%"><span title="我们的纪念日">我们的纪念日</span></div><div class="t-tag t-tag--warning t-tag--light t-size-s activeTag" style="width:100%"><span title="家庭聚会">家庭聚会</span></div></div></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div><div class="t-calendar__table-body-cell-content"></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div><div class="t-calendar__table-body-cell-content"></div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/controller-config.tsx 1`] = `"<div class="controllerConfig-demo"><div style="margin:12px 0"><fieldset><legend>控件全局</legend><p><label>是否显示（全部控件）：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否禁用（全部控件）：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/></fieldset><fieldset><legend>控件局部</legend><p><label>是否显示“模式切换”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“模式切换”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否显示“年份选择”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“年份选择”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否显示“月份选择”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“月份选择”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否禁用“隐藏周末”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“显示周末”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否显示“隐藏\\显示周末”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否显示“今天\\本月”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“今天”按钮控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“本月”按钮控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></fieldset></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/controller-config.tsx 1`] = `"<div class="controllerConfig-demo"><div style="margin:12px 0"><fieldset><legend>控件全局</legend><p><label>是否显示（全部控件）：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否禁用（全部控件）：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/></fieldset><fieldset><legend>控件局部</legend><p><label>是否显示“模式切换”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“模式切换”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否显示“年份选择”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“年份选择”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否显示“月份选择”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“月份选择”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否禁用“隐藏周末”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“显示周末”控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否显示“隐藏\\显示周末”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><p><label>是否显示“今天\\本月”控件：</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“今天”按钮控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button><label>是否禁用“本月”按钮控件：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></p><br/><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></fieldset></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/events.tsx 1`] = `"<div><div style="margin:12px 0"><label>禁用单元格右键菜单：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/events.tsx 1`] = `"<div><div style="margin:12px 0"><label>禁用单元格右键菜单：</label><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/filter.tsx 1`] = `"<div><div style="margin:12px 0"><label>显示周末</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/filter.tsx 1`] = `"<div><div style="margin:12px 0"><label>显示周末</label><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/first-day-of-week.tsx 1`] = `"<div><div style="margin:12px 0;gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>日历的第一列为：</label></div><div class="t-space-item"><div class="t-select__wrap" style="width:200px;display:inline-block;margin:0 10px 0 0"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">05</div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/first-day-of-week.tsx 1`] = `"<div><div style="margin:12px 0;gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>日历的第一列为：</label></div><div class="t-space-item"><div class="t-select__wrap" style="width:200px;display:inline-block;margin:0 10px 0 0"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">05</div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/head.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"><div>🗓 TDesign开发计划</div></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/head.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"><div>🗓 TDesign开发计划</div></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/mode.tsx 1`] = `"<div><div style="margin:12px 0;gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>可以在组件外切换成：</label></div><div class="t-space-item"><div class="t-select__wrap" style="width:200px;display:inline-block;margin:0 10px 0 0"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/mode.tsx 1`] = `"<div><div style="margin:12px 0;gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>可以在组件外切换成：</label></div><div class="t-space-item"><div class="t-select__wrap" style="width:200px;display:inline-block;margin:0 10px 0 0"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/range.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/range.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/slot-props-api.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"><div>2020-12 工作安排</div></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>3</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>4</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>5</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>6</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>7</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>8</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>9</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>10</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>11</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>12</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>13</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>14</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>15</div><div style="gap:2px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="错误事件">错误事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="警告事件">警告事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="正常事件">正常事件</span></div></div></div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>16</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>17</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>18</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>19</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>20</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>21</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>22</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>23</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>24</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>25</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>26</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>27</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div style="width:100%"><div>28</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>29</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>31</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>3</div></div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/slot-props-api.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"><div>2020-12 工作安排</div></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>3</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>4</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>5</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>6</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>7</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>8</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>9</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>10</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>11</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>12</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>13</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>14</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>15</div><div style="gap:2px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="错误事件">错误事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="警告事件">警告事件</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="正常事件">正常事件</span></div></div></div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>16</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>17</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>18</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>19</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>20</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div style="width:100%"><div>21</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>22</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>23</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>24</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>25</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>26</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>27</div></div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div style="width:100%"><div>28</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>29</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>30</div></div></td><td class="t-calendar__table-body-cell"><div style="width:100%"><div>31</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>1</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>2</div></div></td><td class="t-calendar__table-body-cell t-is-disabled"><div style="width:100%"><div>3</div></div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/value.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell t-is-checked"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">06</div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/value.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">一</th><th class="t-calendar__table-head-cell">二</th><th class="t-calendar__table-head-cell">三</th><th class="t-calendar__table-head-cell">四</th><th class="t-calendar__table-head-cell">五</th><th class="t-calendar__table-head-cell">六</th><th class="t-calendar__table-head-cell">日</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell t-is-checked"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">06</div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/calendar/_example/week.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell"><div>星期1</div></th><th class="t-calendar__table-head-cell"><div>星期2</div></th><th class="t-calendar__table-head-cell"><div>星期3</div></th><th class="t-calendar__table-head-cell"><div>星期4</div></th><th class="t-calendar__table-head-cell"><div>星期5</div></th><th class="t-calendar__table-head-cell"><div>星期6</div></th><th class="t-calendar__table-head-cell"><div>星期7</div></th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/calendar/_example/week.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">月</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">年</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="隐藏周末">隐藏周末</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">今天</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell"><div>星期1</div></th><th class="t-calendar__table-head-cell"><div>星期2</div></th><th class="t-calendar__table-head-cell"><div>星期3</div></th><th class="t-calendar__table-head-cell"><div>星期4</div></th><th class="t-calendar__table-head-cell"><div>星期5</div></th><th class="t-calendar__table-head-cell"><div>星期6</div></th><th class="t-calendar__table-head-cell"><div>星期7</div></th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">03</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">04</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">05</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">06</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">07</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">08</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">09</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">01</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">02</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">03</div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/base.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/base.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/bordered.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/bordered.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/bordered-none.tsx 1`] = `"<div style="padding:16px;background-color:var(--td-bg-color-container-hover)"><div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions"><a style="cursor:pointer">操作</a></div></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/bordered-none.tsx 1`] = `"<div style="padding:16px;background-color:var(--td-bg-color-container-hover)"><div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions"><a style="cursor:pointer">操作</a></div></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/custom-loading-props.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-loading__parent"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">自定义loadingProps Card</div></div></div></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div><div class="t-loading t-loading--center t-size-m t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">TDesign努力加载中...</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/custom-loading-props.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-loading__parent"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">自定义loadingProps Card</div></div></div></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div><div class="t-loading t-loading--center t-size-m t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">TDesign努力加载中...</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/footer.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:56px;height:56px;font-size:28px"><span style="transform:scale(1)"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></span></div></div><div></div></div><div class="t-card__actions"><div class="t-tag t-tag--success t-tag--dark"><span title="默认标签">默认标签</span></div></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/footer.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:56px;height:56px;font-size:28px"><span style="transform:scale(1)"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></span></div></div><div></div></div><div class="t-card__actions"><div class="t-tag t-tag--success t-tag--dark"><span title="默认标签">默认标签</span></div></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/footer-actions.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button style="margin-right:8px" type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart" style="font-size:16px"><path fill="currentColor" d="M12 3.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 21.42l-7.28-7.28L3.5 12.9A6.23 6.23 0 0112 3.82zM15.3 15.3l3.8-3.8a4.23 4.23 0 10-5.97-5.99L12 6.63 10.88 5.5a4.23 4.23 0 10-5.98 5.98l1.23 1.23L12 18.6l3.28-3.29z"></path></svg></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="font-size:16px"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more"><path fill="currentColor" d="M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z"></path></svg></span></button></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-avatar-group t-avatar--offset-left"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">Q</span></div><div class="t-avatar t-avatar__collapse t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">+3</span></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more"><path fill="currentColor" d="M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z"></path></svg></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/footer-actions.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button style="margin-right:8px" type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart" style="font-size:16px"><path fill="currentColor" d="M12 3.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 21.42l-7.28-7.28L3.5 12.9A6.23 6.23 0 0112 3.82zM15.3 15.3l3.8-3.8a4.23 4.23 0 10-5.97-5.99L12 6.63 10.88 5.5a4.23 4.23 0 10-5.98 5.98l1.23 1.23L12 18.6l3.28-3.29z"></path></svg></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="font-size:16px"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more"><path fill="currentColor" d="M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z"></path></svg></span></button></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-avatar-group t-avatar--offset-left"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">Q</span></div><div class="t-avatar t-avatar__collapse t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">+3</span></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more"><path fill="currentColor" d="M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z"></path></svg></span></button></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/footer-content.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">标题</span></div><div class="t-comment__detail">卡片内容</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/footer-content.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">标题</span></div><div class="t-comment__detail">卡片内容</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/footer-content-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">标题</span></div><div class="t-comment__detail">卡片内容</div></div></div></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/footer-content-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">标题</span></div><div class="t-comment__detail">卡片内容</div></div></div></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/header.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions"><a style="cursor:pointer">操作</a></div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/header.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions"><a style="cursor:pointer">操作</a></div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/header-all-props.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div><p class="t-card__description">描述</p></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/header-all-props.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div><p class="t-card__description">描述</p></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/header-bordered.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header t-card__title--bordered"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions"><a style="cursor:pointer">操作</a></div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/header-bordered.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header t-card__title--bordered"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div></div></div><div class="t-card__actions"><a style="cursor:pointer">操作</a></div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/header-description.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><p class="t-card__description">描述</p></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/header-description.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><p class="t-card__description">描述</p></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/header-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:40px;height:40px;font-size:20px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:40px;height:40px"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div><div class="t-card__title">标题</div><p class="t-card__description">卡片内容</p></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/header-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:40px;height:40px;font-size:20px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:40px;height:40px"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div><div><div class="t-card__title">标题</div><p class="t-card__description">卡片内容</p></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/header-subtitle.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/header-subtitle.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/card/_example/header-subtitle-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/card/_example/header-subtitle-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share"><path fill="currentColor" d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"></path></svg></span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/base.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/base.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/check-strictly.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/check-strictly.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/collapsed.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/collapsed.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/ellipsis.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/ellipsis.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/filterable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/filterable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/keys.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/keys.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/load.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/load.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/max.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/max.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/multiple.tsx 1`] = `"<div class="tdesign-demo-block-row"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/multiple.tsx 1`] = `"<div class="tdesign-demo-block-row"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/panel.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="border:1px solid #eee;width:100%"><div class="t-cascader__panel"><div class="t-cascader__panel--empty">暂无数据</div></div></div></div><div class="t-space-item"><div style="border:1px solid #eee;width:100%"><div class="t-cascader__panel"><div class="t-cascader__panel--empty">暂无数据</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/panel.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="border:1px solid #eee;width:100%"><div class="t-cascader__panel"><div class="t-cascader__panel--empty">暂无数据</div></div></div></div><div class="t-space-item"><div style="border:1px solid #eee;width:100%"><div class="t-cascader__panel"><div class="t-cascader__panel--empty">暂无数据</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/show-all-levels.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/show-all-levels.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty" style="margin-top:16px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty" style="margin-top:16px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty" style="margin-top:16px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-size-l t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty" style="margin-top:16px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty" style="margin-top:16px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty" style="margin-top:16px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-size-l t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/trigger.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/trigger.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/value-display.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">单选：</div><div><img style="width:16px;height:16px;margin-top:2px;vertical-align:-4px;margin-right:4px"/><span></span><span>(<!-- -->2.2<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner" readonly="" value=" "/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty" style="width:500px"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">多选：</div></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/value-display.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">单选：</div><div><img style="width:16px;height:16px;margin-top:2px;vertical-align:-4px;margin-right:4px"/><span></span><span>(<!-- -->2.2<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner" readonly="" value=" "/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty" style="width:500px"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">多选：</div></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/value-mode.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/value-mode.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cascader/_example/value-type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">[&quot;1&quot;,&quot;1.1&quot;]</div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item">[[&quot;1&quot;,&quot;1.1&quot;],[&quot;1&quot;,&quot;1.2&quot;]]</div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/cascader/_example/value-type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">[&quot;1&quot;,&quot;1.1&quot;]</div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item">[[&quot;1&quot;,&quot;1.1&quot;],[&quot;1&quot;,&quot;1.2&quot;]]</div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/checkbox/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">未选中项</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-indeterminate"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">半选状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">选中项</span></label></div><div class="t-space-item"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">未选禁用项</span></label></div><div class="t-space-item"><label class="t-checkbox t-is-checked t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">选中禁用项</span></label></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/checkbox/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">未选中项</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-indeterminate"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">半选状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">选中项</span></label></div><div class="t-space-item"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">未选禁用项</span></label></div><div class="t-space-item"><label class="t-checkbox t-is-checked t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">选中禁用项</span></label></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/checkbox/_example/controlled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">受控属性</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked"><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">非受控属性</span></label></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/checkbox/_example/controlled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">受控属性</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked"><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">非受控属性</span></label></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/checkbox/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>选中值: <!-- -->北京</div></div><div class="t-space-item"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用全部</span></label></div></div><div class="t-space-item"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;北京&#x27;" checked="" value="北京"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">北京</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">上海</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label><label tabindex="0" class="t-checkbox t-is-indeterminate"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">全选</span></label></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/checkbox/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>选中值: <!-- -->北京</div></div><div class="t-space-item"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用全部</span></label></div></div><div class="t-space-item"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;北京&#x27;" checked="" value="北京"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">北京</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">上海</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label><label tabindex="0" class="t-checkbox t-is-indeterminate"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">全选</span></label></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/checkbox/_example/link.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">腾讯云A</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">腾讯云B</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">腾讯云C</span></label></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">全选</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/checkbox/_example/link.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">腾讯云A</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">腾讯云B</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">腾讯云C</span></label></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">全选</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/checkbox/_example/max.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>最多可选:<!-- --> <div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div><div class="t-space-item"><div>选中值: <!-- -->北京</div></div><div class="t-space-item"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;北京&#x27;" checked="" value="北京"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">北京</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">上海</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;深圳&#x27;" value="深圳"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">深圳</span></label></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/checkbox/_example/max.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>最多可选:<!-- --> <div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div><div class="t-space-item"><div>选中值: <!-- -->北京</div></div><div class="t-space-item"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;北京&#x27;" checked="" value="北京"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">北京</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">上海</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;深圳&#x27;" value="深圳"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">深圳</span></label></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/base.tsx 1`] = `"<div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left t-collapse-panel__icon--active"><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>设置默认展开项<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>当前折叠面板折叠时，销毁面板内容<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>嵌套使用折叠面板<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/collapse/_example/base.tsx 1`] = `"<div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left t-collapse-panel__icon--active"><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>设置默认展开项<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>当前折叠面板折叠时，销毁面板内容<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>嵌套使用折叠面板<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>折叠后自动销毁<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="tdesign-demo-block-column" style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div>自定义图标<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">左边</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">右边</span></label></div></div><div class="t-space-item"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">仅图标响应点击</span></label></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/collapse/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>折叠后自动销毁<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="tdesign-demo-block-column" style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div>自定义图标<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">左边</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">右边</span></label></div></div><div class="t-space-item"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">仅图标响应点击</span></label></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/mutex.tsx 1`] = `"<div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>折叠后自动销毁<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="tdesign-demo-block-column" style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/collapse/_example/mutex.tsx 1`] = `"<div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>折叠后自动销毁<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="tdesign-demo-block-column" style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/other.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>折叠后自动销毁<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="tdesign-demo-block-column" style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁止全部</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">无边框模式</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示icon</span></label></div><div class="t-space-item"><div style="margin-top:10px">当前展开的Collapse Panel: </div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/collapse/_example/other.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>折叠后自动销毁<div class="t-collapse-panel__header--blank"></div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>自定义折叠面板内容<div class="t-collapse-panel__header--blank"></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content"><div class="tdesign-demo-block-column" style="width:80%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁止全部</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">无边框模式</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示icon</span></label></div><div class="t-space-item"><div style="margin-top:10px">当前展开的Collapse Panel: </div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/rightSlot.tsx 1`] = `"<div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">操作</span></button></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">操作</span></button></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否禁止</span></label></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">操作</span></button></div></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/collapse/_example/rightSlot.tsx 1`] = `"<div class="t-collapse"><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">操作</span></button></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">操作</span></button></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class="t-collapse-panel"><div class="t-collapse-panel__wrapper"><div class="t-collapse-panel__header t-is-clickable"><div class="t-collapse-panel__icon t-collapse-panel__icon--left "><svg class="t-fake-arrow t-collapse-panel__icon--default" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div>这是一个折叠标题<div class="t-collapse-panel__header--blank"></div><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否禁止</span></label></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">操作</span></button></div></div></div><div style="height:0" class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"><div class="t-collapse-panel__content">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/color-mode.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div><h5 style="margin-bottom:10px;font-weight:normal">默认（单色 + 线性渐变）</h5><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="rgba(0, 82, 217, 1)" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="rgba(0, 82, 217, 1)"/><span class="t-input__input-pre">rgba(0, 82, 217, 1)</span></div></div></div></div></div></div><div class="t-space-item"><div><h5 style="margin-bottom:10px;font-weight:normal">仅单色模式</h5><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052d9" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052d9"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/><span class="t-input__input-pre">#0052d9</span></div></div></div></div></div></div><div class="t-space-item"><div style="width:100%"></div></div><div class="t-space-item"><div><h5 style="margin-bottom:10px;font-weight:normal">仅线性渐变模式</h5><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)"/><span class="t-input__input-pre">linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)</span></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/color-mode.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div><h5 style="margin-bottom:10px;font-weight:normal">默认（单色 + 线性渐变）</h5><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="rgba(0, 82, 217, 1)" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="rgba(0, 82, 217, 1)"/><span class="t-input__input-pre">rgba(0, 82, 217, 1)</span></div></div></div></div></div></div><div class="t-space-item"><div><h5 style="margin-bottom:10px;font-weight:normal">仅单色模式</h5><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052d9" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052d9"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/><span class="t-input__input-pre">#0052d9</span></div></div></div></div></div></div><div class="t-space-item"><div style="width:100%"></div></div><div class="t-space-item"><div><h5 style="margin-bottom:10px;font-weight:normal">仅线性渐变模式</h5><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)"/><span class="t-input__input-pre">linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)</span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/enable-alpha.tsx 1`] = `"<div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--alpha-type"><div class="t-color-picker__slider-padding" style="background:linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, rgb(0, 82, 217) 93%, rgb(0, 82, 217) 100%)"></div><div class="t-color-picker__slider t-color-picker__alpha t-color-picker--bg-alpha"><div class="t-color-picker__rail" style="background:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 82, 217))"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 0.8)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:3"><div class="t-input__wrap" title="#0052d9" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/></div></div></div><div class="input-group__item" style="flex:1.15"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/enable-alpha.tsx 1`] = `"<div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--alpha-type"><div class="t-color-picker__slider-padding" style="background:linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, rgb(0, 82, 217) 93%, rgb(0, 82, 217) 100%)"></div><div class="t-color-picker__slider t-color-picker__alpha t-color-picker--bg-alpha"><div class="t-color-picker__rail" style="background:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 82, 217))"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 0.8)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:3"><div class="t-input__wrap" title="#0052d9" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/></div></div></div><div class="input-group__item" style="flex:1.15"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/panel.tsx 1`] = `"<div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:3"><div class="t-input__wrap" title="#0052d9" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/panel.tsx 1`] = `"<div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:3"><div class="t-input__wrap" title="#0052d9" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/recent-color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><h6 style="margin-bottom:10px">预设最近使用色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#f00"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#008000"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ffff00"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0000ff"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#800080"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:linear-gradient(to right, #fa709a 0%, #fee140 100%)"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:linear-gradient(45deg, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%)"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:linear-gradient(120deg, #fcc5e4 0%, #fda34b 15%, #ff7882 35%, #c8699e 52%, #7046aa 71%, #0c1db8 87%, #020f75 100%)"></span></div></li></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div></div></div><div class="t-space-item"><div><h6 style="margin-bottom:10px">完全不显示最近使用色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/recent-color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><h6 style="margin-bottom:10px">预设最近使用色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#f00"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#008000"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ffff00"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0000ff"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#800080"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:linear-gradient(to right, #fa709a 0%, #fee140 100%)"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:linear-gradient(45deg, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%)"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:linear-gradient(120deg, #fcc5e4 0%, #fda34b 15%, #ff7882 35%, #c8699e 52%, #7046aa 71%, #0c1db8 87%, #020f75 100%)"></span></div></li></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div></div></div><div class="t-space-item"><div><h6 style="margin-bottom:10px">完全不显示最近使用色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/status-disabled.tsx 1`] = `"<div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052d9" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052d9"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value="#0052d9"/><span class="t-input__input-pre">#0052d9</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/status-disabled.tsx 1`] = `"<div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052d9" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052d9"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value="#0052d9"/><span class="t-input__input-pre">#0052d9</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/status-readonly.tsx 1`] = `"<div class="t-color-picker__panel t-is-disabled"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/status-readonly.tsx 1`] = `"<div class="t-color-picker__panel t-is-disabled"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ECF2FE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D4E3FC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BBD3FB"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#96BBF8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#699EF5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#4787F0"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#266FE8"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0052D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#0034B5"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#001F97"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FDECEE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9D7D9"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F8B9BE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F78D94"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F36D78"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E34D59"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#C9353F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#B11F26"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#951114"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#680506"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#FEF3E6"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F9E0C7"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F7C797"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#F2995F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#ED7B2F"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#D35A21"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BA431B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#9E3610"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#842B0B"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#5A1907"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#E8F8F2"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#BCEBDC"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#85DBBE"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#48C79C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#00A870"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#078D5C"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#067945"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#056334"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#044F2A"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:#033017"></span></div></li></ul></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/swatch-color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><h6 style="margin-bottom:10px">自定义系统色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:red"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:green"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:yellow"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:blue"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:purple"></span></div></li></ul></div></div></div></div></div></div><div class="t-space-item"><div><h6 style="margin-bottom:10px">完全不显示系统色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/swatch-color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><h6 style="margin-bottom:10px">自定义系统色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>系统预设颜色</span></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:red"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:green"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:yellow"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:blue"></span></div></li><li class="t-color-picker__swatches--item"><div class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"><span class="t-color-picker__swatches--item__inner" style="background:purple"></span></div></li></ul></div></div></div></div></div></div><div class="t-space-item"><div><h6 style="margin-bottom:10px">完全不显示系统色</h6><div class="t-color-picker__panel"><div class="t-color-picker__head"><div class="t-color-picker__mode"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;monochrome&#x27;" checked="" value="monochrome"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单色</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;linear-gradient&#x27;" value="linear-gradient"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">渐变</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-color-picker__body"><div class="t-color-picker__saturation" style="background:hsl(217.32718894009219, 100%, 50%)"><span class="t-color-picker__thumb" role="slider" tabindex="0" style="color:rgb(0, 82, 217);left:230px;top:25px"></span></div><div class="t-color-picker__sliders-wrapper"><div class="t-color-picker__sliders"><div class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type"><div class="t-color-picker__slider t-color-picker__hue"><div class="t-color-picker__rail"></div><span class="t-color-picker__thumb" role="slider" tabindex="0"></span></div></div></div><div class="t-color-picker__sliders-preview t-color-picker--bg-alpha"><span class="t-color-picker__sliders-preview-inner" style="background:rgba(0, 82, 217, 1)"></span></div></div><div class="t-color-picker__format"><div class="t-color-picker__format--item"><div class="t-select__wrap t-color-picker__format-mode-select"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-color-picker__format--item"><div class="input-group"><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="input-group__item" style="flex:1"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div><div class="t-color-picker__swatches-wrap"><div class="t-color-picker__swatches"><h3 class="t-color-picker__swatches--title"><span>最近使用颜色</span><div class="t-color-picker__swatches--actions"><span role="button" class="t-color-picker__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></span></div></h3><ul class="t-color-picker__swatches--items narrow-scrollbar"></ul></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/trigger.tsx 1`] = `"<div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052d9" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052d9"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/><span class="t-input__input-pre">#0052d9</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/color-picker/_example/trigger.tsx 1`] = `"<div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052d9" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052d9"></span></div></div><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9"/><span class="t-input__input-pre">#0052d9</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/comment/_example/base.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/comment/_example/base.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/comment/_example/list.tsx 1`] = `"<div class="t-list t-list--split"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名B</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名C</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">C评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/comment/_example/list.tsx 1`] = `"<div class="t-list t-list--split"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名B</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名C</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">C评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/comment/_example/operation.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/comment/_example/operation.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/comment/_example/quote.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__quote"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">引用内容标题</span></div><div class="t-comment__detail">引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容。</div></div></div></div></div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/comment/_example/quote.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__quote"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">引用内容标题</span></div><div class="t-comment__detail">引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容。</div></div></div></div></div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/comment/_example/reply.tsx 1`] = `"<div class="t-comment comment-reply"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div><div class="t-comment__reply"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name"><span>评论作者名B</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-right-small t-size-s"><path fill="currentColor" d="M15 12L9.5 6.5v11L15 12z"></path></svg><span>评论作者名A</span></span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/comment/_example/reply.tsx 1`] = `"<div class="t-comment comment-reply"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div><div class="t-comment__reply"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name"><span>评论作者名B</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-right-small t-size-s"><path fill="currentColor" d="M15 12L9.5 6.5v11L15 12z"></path></svg><span>评论作者名A</span></span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="font-size:16px"><path fill="currentColor" d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"></path></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="font-size:16px"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/comment/_example/reply-form.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__detail"><div style="width:100%;gap:16px" class="t-space t-space-align-end t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner"></textarea></div></div><div class="t-space-item"><button style="float:right" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">回复</span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/comment/_example/reply-form.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__detail"><div style="width:100%;gap:16px" class="t-space t-space-align-end t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner"></textarea></div></div><div class="t-space-item"><button style="float:right" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">回复</span></button></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/calendar.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Month</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Year</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="Hide Weekend">Hide Weekend</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Today</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">Monday</th><th class="t-calendar__table-head-cell">Tuesday</th><th class="t-calendar__table-head-cell">Wednesday</th><th class="t-calendar__table-head-cell">Thursday</th><th class="t-calendar__table-head-cell">Friday</th><th class="t-calendar__table-head-cell">Saturday</th><th class="t-calendar__table-head-cell">Sunday</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">3</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">4</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">5</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">6</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">7</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">8</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">9</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">3</div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/calendar.tsx 1`] = `"<div class="t-calendar t-calendar--full undefined"><div class="t-calendar__control"><div class="t-calendar__title"></div><div class="t-calendar__control-section"><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-calendar__control-section-cell" style="height:auto"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;month&#x27;" checked="" value="month"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Month</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;year&#x27;" value="year"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Year</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-calendar__control-section-cell"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-calendar__control-tag" tabindex="0"><span title="Hide Weekend">Hide Weekend</span></div></div><div class="t-calendar__control-section-cell"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Today</span></button></div></div></div><div class="t-calendar__panel t-calendar__panel--month"><table class="t-calendar__table"><thead class="t-calendar__table-head"><tr class="t-calendar__table-head-row"><th class="t-calendar__table-head-cell">Monday</th><th class="t-calendar__table-head-cell">Tuesday</th><th class="t-calendar__table-head-cell">Wednesday</th><th class="t-calendar__table-head-cell">Thursday</th><th class="t-calendar__table-head-cell">Friday</th><th class="t-calendar__table-head-cell">Saturday</th><th class="t-calendar__table-head-cell">Sunday</th></tr></thead><tbody class="t-calendar__table-body"><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">3</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">4</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">5</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">6</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">7</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">8</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">9</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">10</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">11</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">12</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">13</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">14</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">15</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">16</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">17</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">18</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">19</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">20</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">21</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">22</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">23</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">24</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">25</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">26</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">27</div></td></tr><tr class="t-calendar__table-body-row"><td class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"><div class="t-calendar__table-body-cell-display">28</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">29</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">30</div></td><td class="t-calendar__table-body-cell"><div class="t-calendar__table-body-cell-display">31</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">1</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">2</div></td><td class="t-calendar__table-body-cell t-is-disabled"><div class="t-calendar__table-body-cell-display">3</div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/date-picker.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select month" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select month" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select month" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select year" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select year" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select year" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/date-picker.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select month" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select month" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select month" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select year" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select year" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select year" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/dialog.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content">Title</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-warning"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-error"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-is-success"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/dialog.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content">Title</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-warning"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-error"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div><div class="t-space-item"><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-is-success"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>confirm</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body">Would you like to be my friends？</div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/global.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>使用<code>ConfigProvider</code>包裹业务功能的最外层组件，点击下方图标查看示例代码</p></div><div class="t-space-item"><p>英文语言包引入路径：<code>import enConfig from &#x27;tdesign-react/es/locale/en_US&#x27;;</code></p></div><div class="t-space-item"><p>中文语言包引入路径：<code>import zhConfig from &#x27;tdesign-react/es/locale/zh_CN&#x27;;</code></p></div><div class="t-space-item"><p>日文语言包引入路径：<code>import jpConfig from &#x27;tdesign-react/es/locale/ja_JP&#x27;;</code></p></div><div class="t-space-item"><p>韩文语言包引入路径：<code>import koConfig from &#x27;tdesign-react/es/locale/ko_KR&#x27;;</code></p></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/global.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>使用<code>ConfigProvider</code>包裹业务功能的最外层组件，点击下方图标查看示例代码</p></div><div class="t-space-item"><p>英文语言包引入路径：<code>import enConfig from &#x27;tdesign-react/es/locale/en_US&#x27;;</code></p></div><div class="t-space-item"><p>中文语言包引入路径：<code>import zhConfig from &#x27;tdesign-react/es/locale/zh_CN&#x27;;</code></p></div><div class="t-space-item"><p>日文语言包引入路径：<code>import jpConfig from &#x27;tdesign-react/es/locale/ja_JP&#x27;;</code></p></div><div class="t-space-item"><p>韩文语言包引入路径：<code>import koConfig from &#x27;tdesign-react/es/locale/ko_KR&#x27;;</code></p></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/others.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__username"><div class="t-form__label t-form__label--right" style="width:100px"><label>User Name</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="There is no required mark on the left of this input in Form" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>Password</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="There is required mark on the left of this input in Form" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div></form></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="see loading text in Select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="see loading text in TreeSelect" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">First Step</div><div class="t-steps-item__description">You need to click the blue button</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Second Step</div><div class="t-steps-item__description">Fill your base information into the form</div></div></div></div><div class="t-steps-item t-steps-item--error"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-error"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error"><path fill="currentColor" d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Error Step</div><div class="t-steps-item__description">Something Wrong! Custom Error Icon!</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Last Step</div><div class="t-steps-item__description">You haven&#x27;t finish this step.</div></div></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:300px"><img src="1.jpg" class="t-image t-image--fit-scale-down t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/others.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__username"><div class="t-form__label t-form__label--right" style="width:100px"><label>User Name</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="There is no required mark on the left of this input in Form" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>Password</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="There is required mark on the left of this input in Form" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div></form></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="see loading text in Select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="see loading text in TreeSelect" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">First Step</div><div class="t-steps-item__description">You need to click the blue button</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Second Step</div><div class="t-steps-item__description">Fill your base information into the form</div></div></div></div><div class="t-steps-item t-steps-item--error"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-error"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error"><path fill="currentColor" d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Error Step</div><div class="t-steps-item__description">Something Wrong! Custom Error Icon!</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Last Step</div><div class="t-steps-item__description">You haven&#x27;t finish this step.</div></div></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:300px"><img src="1.jpg" class="t-image t-image--fit-scale-down t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/pagination.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 36 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 4 </span></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/pagination.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 36 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 4 </span></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/popconfirm.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Default</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">Warning</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">Danger</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/popconfirm.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Default</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">Warning</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">Danger</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/table.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="type" class="t-table__th-type"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>Type</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="platform" class="t-table__th-platform"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>Platform</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="property" class="t-table__th-property"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable t-table__cell--filterable"><div class="t-table__cell--title"><div>Property</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__empty-row"><td colSpan="3"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="type" class="t-table__th-type"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>Type</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="platform" class="t-table__th-platform"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>Platform</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="property" class="t-table__th-property"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable t-table__cell--filterable"><div class="t-table__cell--title"><div>Property</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">Array</td><td class="">Vue(PC)</td><td class="">A</td></tr><tr class=""><td class="">String</td><td class="">React(PC)</td><td class="">B</td></tr><tr class=""><td class="">Object</td><td class="">Miniprogram</td><td class="">C</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/config-provider/_example/table.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="type" class="t-table__th-type"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>Type</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="platform" class="t-table__th-platform"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>Platform</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="property" class="t-table__th-property"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable t-table__cell--filterable"><div class="t-table__cell--title"><div>Property</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__empty-row"><td colSpan="3"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="type" class="t-table__th-type"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>Type</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="platform" class="t-table__th-platform"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>Platform</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="property" class="t-table__th-property"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable t-table__cell--filterable"><div class="t-table__cell--title"><div>Property</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">Array</td><td class="">Vue(PC)</td><td class="">A</td></tr><tr class=""><td class="">String</td><td class="">React(PC)</td><td class="">B</td></tr><tr class=""><td class="">Object</td><td class="">Miniprogram</td><td class="">C</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="可清除、可输入的日期选择器" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="可清除、可输入的日期选择器" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/cancel-range-limit.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/cancel-range-limit.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/custom-icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/custom-icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/date-presets-alt.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value="2022-01-01,2022-08-08"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" value="2022-01-01" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-01-01"/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" value="2022-08-08" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-08-08"/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value="2022-01-01 11:11:11,2022-08-08 12:12:12"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" value="2022-01-01 11:11:11" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-01-01 11:11:11"/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" value="2022-08-08 12:12:12" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-08-08 12:12:12"/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/date-presets-alt.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value="2022-01-01,2022-08-08"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" value="2022-01-01" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-01-01"/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" value="2022-08-08" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-08-08"/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value="2022-01-01 11:11:11,2022-08-08 12:12:12"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" value="2022-01-01 11:11:11" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-01-01 11:11:11"/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" value="2022-08-08 12:12:12" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-08-08 12:12:12"/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/date-range.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/date-range.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select date" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/date-time.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input"><div class="t-input__wrap" value="2022-02-02 12:11:11" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" value="2022-02-02 12:11:11"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input"><div class="t-input__wrap" value="2022-02-02 凌晨 12:11:11" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" value="2022-02-02 凌晨 12:11:11"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/date-time.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input"><div class="t-input__wrap" value="2022-02-02 12:11:11" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" value="2022-02-02 12:11:11"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input"><div class="t-input__wrap" value="2022-02-02 凌晨 12:11:11" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" value="2022-02-02 凌晨 12:11:11"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/disable-date.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用昨天、前天" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="明后三天禁用" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用所有周六" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用最近 3 天外的日期" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用日期精确到时间" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="禁用最近 5 天外的日期" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="禁用最近 5 天外的日期" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/disable-date.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用昨天、前天" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="明后三天禁用" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用所有周六" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用最近 3 天外的日期" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="禁用日期精确到时间" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="禁用最近 5 天外的日期" type="text" class="t-input__inner" readonly="" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="禁用最近 5 天外的日期" type="text" class="t-input__inner" readonly="" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/first-day-of-week.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">1</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">2</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="3" value="3"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">3</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="4" value="4"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">4</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="5" value="5"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">5</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="6" value="6"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">6</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="7" value="7"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">7</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/first-day-of-week.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">1</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">2</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="3" value="3"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">3</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="4" value="4"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">4</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="5" value="5"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">5</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="6" value="6"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">6</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="7" value="7"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">7</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/month.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select month" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select month" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select month" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/month.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select month" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select month" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select month" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/multiple.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="2024-10-01">2024-10-01</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2024-10-24">2024-10-24</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre">可清除、可输入的日期选择器</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="2024-50周">2024-50周</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2024-51周">2024-51周</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre">可清除、可输入的日期选择器</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="2022">2022</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2023">2023</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2024">2024</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre">可清除、可输入的日期选择器</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/multiple.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="2024-10-01">2024-10-01</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2024-10-24">2024-10-24</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre">可清除、可输入的日期选择器</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="2024-50周">2024-50周</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2024-51周">2024-51周</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre">可清除、可输入的日期选择器</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="2022">2022</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2023">2023</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="2024">2024</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre">可清除、可输入的日期选择器</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/panel.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-picker__panel"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div></div></div></div></div><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-picker__panel"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div><div class="t-date-picker__panel-time"><div class="t-date-picker__panel-time-viewer">00:00:00</div><div class="t-time-picker__panel"><div class="t-time-picker__panel-section-body"><div class="t-time-picker__panel-body"><div class="t-time-picker__panel-body-active-mask"></div></div></div></div></div></div><div class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"><span class="t-button__text">Confirm</span></div></div></div></div></div><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-range-picker__panel"><div class="t-date-range-picker__panel-content-wrapper"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div></div><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td></tr></tbody></table></div></div></div></div></div></div></div><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-range-picker__panel"><div class="t-date-range-picker__panel-content-wrapper"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div><div class="t-date-picker__panel-time"><div class="t-date-picker__panel-time-viewer">00:00:00</div><div class="t-time-picker__panel"><div class="t-time-picker__panel-section-body"><div class="t-time-picker__panel-body"><div class="t-time-picker__panel-body-active-mask"></div></div></div></div></div></div></div><div class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"><span class="t-button__text">Confirm</span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/panel.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-picker__panel"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div></div></div></div></div><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-picker__panel"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div><div class="t-date-picker__panel-time"><div class="t-date-picker__panel-time-viewer">00:00:00</div><div class="t-time-picker__panel"><div class="t-time-picker__panel-section-body"><div class="t-time-picker__panel-body"><div class="t-time-picker__panel-body-active-mask"></div></div></div></div></div></div><div class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"><span class="t-button__text">Confirm</span></div></div></div></div></div><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-range-picker__panel"><div class="t-date-range-picker__panel-content-wrapper"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div></div><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td></tr></tbody></table></div></div></div></div></div></div></div><div class="t-space-item"><div style="border:1px solid var(--td-border-level-2-color);width:fit-content;border-radius:3px"><div class="t-date-range-picker__panel"><div class="t-date-range-picker__panel-content-wrapper"><div class="t-date-picker__panel-content"><div class="t-date-picker__panel-date"><div class="t-date-picker__header"><div class="t-date-picker__header-controller"><div class="t-select__wrap t-date-picker__header-controller-month"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap t-date-picker__header-controller-year"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination-mini"><button title="Last Month" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></button><button title="Now" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="Next Month" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--first-day-of-month"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">3</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">6</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">10</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">11</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">12</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">13</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">14</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">15</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">16</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">17</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">18</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">19</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">20</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">21</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">22</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">23</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">24</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">25</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">26</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">27</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--now"><div class="t-date-picker__cell-inner">28</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">29</div></td><td class="t-date-picker__cell"><div class="t-date-picker__cell-inner">30</div></td><td class="t-date-picker__cell t-date-picker__cell--last-day-of-month"><div class="t-date-picker__cell-inner">31</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">1</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">2</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">3</div></td></tr><tr class="t-date-picker__table-date-row"><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">4</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">5</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">6</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">7</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">8</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">9</div></td><td class="t-date-picker__cell t-date-picker__cell--additional"><div class="t-date-picker__cell-inner">10</div></td></tr></tbody></table></div></div><div class="t-date-picker__panel-time"><div class="t-date-picker__panel-time-viewer">00:00:00</div><div class="t-time-picker__panel"><div class="t-time-picker__panel-section-body"><div class="t-time-picker__panel-body"><div class="t-time-picker__panel-body-active-mask"></div></div></div></div></div></div></div><div class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div type="button" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"><span class="t-button__text">Confirm</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/quarter.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select quarter" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select quarter" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select quarter" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/quarter.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select quarter" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select quarter" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select quarter" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/week.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select week" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select week" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select week" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/week.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select week" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select week" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select week" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/date-picker/_example/year.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select year" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select year" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select year" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/date-picker/_example/year.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select year" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-date-range-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default t-range-input--suffix" value=""><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select year" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator"> ~ </div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="select year" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/bordered.tsx 1`] = `"<div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/bordered.tsx 1`] = `"<div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/colon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item">展示冒号</div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/colon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item">展示冒号</div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/column.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="2" checked="" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">2</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="3" value="3"/><span class="t-radio__input"></span><span class="t-radio__label">3</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="4" value="4"/><span class="t-radio__input"></span><span class="t-radio__label">4</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/column.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="2" checked="" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">2</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="3" value="3"/><span class="t-radio__input"></span><span class="t-radio__label">3</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="4" value="4"/><span class="t-radio__input"></span><span class="t-radio__label">4</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/custom-style.tsx 1`] = `"<div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Name</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">TDesign</td><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Telephone Number</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Area</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Address</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/custom-style.tsx 1`] = `"<div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Name</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">TDesign</td><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Telephone Number</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Area</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label" style="width:100px;text-align:left">Address</td><td colSpan="1" class="t-descriptions__content" style="text-align:center">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/items.tsx 1`] = `"<div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label"><button>Telephone Number</button></td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content"><h3>China Tencent Headquarters</h3></td><td colSpan="1" class="t-descriptions__label"><i>Address</i></td><td colSpan="1" class="t-descriptions__content"><mark> Shenzhen Penguin Island D1 4A Mail Center</mark></td></tr></tbody></table></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/items.tsx 1`] = `"<div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label"><button>Telephone Number</button></td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content"><h3>China Tencent Headquarters</h3></td><td colSpan="1" class="t-descriptions__label"><i>Address</i></td><td colSpan="1" class="t-descriptions__content"><mark> Shenzhen Penguin Island D1 4A Mail Center</mark></td></tr></tbody></table></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/layout.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-row t-row--start t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><span>layout：</span></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" checked="" value="horizontal"/><span class="t-radio__input"></span><span class="t-radio__label">horizontal</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;vertical&#x27;" value="vertical"/><span class="t-radio__input"></span><span class="t-radio__label">vertical</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div class="t-row t-row--start t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><span>itemLayout：</span></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" checked="" value="horizontal"/><span class="t-radio__input"></span><span class="t-radio__label">horizontal</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;vertical&#x27;" value="vertical"/><span class="t-radio__input"></span><span class="t-radio__label">vertical</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/layout.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-row t-row--start t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><span>layout：</span></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" checked="" value="horizontal"/><span class="t-radio__input"></span><span class="t-radio__label">horizontal</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;vertical&#x27;" value="vertical"/><span class="t-radio__input"></span><span class="t-radio__label">vertical</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div class="t-row t-row--start t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><span>itemLayout：</span></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" checked="" value="horizontal"/><span class="t-radio__input"></span><span class="t-radio__label">horizontal</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;vertical&#x27;" value="vertical"/><span class="t-radio__input"></span><span class="t-radio__label">vertical</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/nest.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content"><div class="t-descriptions"><table class="t-descriptions__body t-size-m"><tbody><tr><td colSpan="1" class="t-descriptions__label" style="background:#f4f4f4">City<!-- -->:</td><td colSpan="1" class="t-descriptions__content">Shenzhen</td><td colSpan="1" class="t-descriptions__label" style="background:#f4f4f4">Detail<!-- -->:</td><td colSpan="1" class="t-descriptions__content">Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/nest.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content"><div class="t-descriptions"><table class="t-descriptions__body t-size-m"><tbody><tr><td colSpan="1" class="t-descriptions__label" style="background:#f4f4f4">City<!-- -->:</td><td colSpan="1" class="t-descriptions__content">Shenzhen</td><td colSpan="1" class="t-descriptions__label" style="background:#f4f4f4">Detail<!-- -->:</td><td colSpan="1" class="t-descriptions__content">Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/descriptions/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio__input"></span><span class="t-radio__label">large</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio__input"></span><span class="t-radio__label">medium</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio__input"></span><span class="t-radio__label">small</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/descriptions/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio__input"></span><span class="t-radio__label">large</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio__input"></span><span class="t-radio__label">medium</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio__input"></span><span class="t-radio__label">small</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-descriptions"><div class="t-descriptions__header">Shipping address</div><table class="t-descriptions__body t-size-m t-descriptions__body--border"><tbody><tr><td colSpan="1" class="t-descriptions__label">Name</td><td colSpan="1" class="t-descriptions__content">TDesign</td><td colSpan="1" class="t-descriptions__label">Telephone Number</td><td colSpan="1" class="t-descriptions__content">139****0609</td></tr><tr><td colSpan="1" class="t-descriptions__label">Area</td><td colSpan="1" class="t-descriptions__content">China Tencent Headquarters</td><td colSpan="1" class="t-descriptions__label">Address</td><td colSpan="1" class="t-descriptions__content">Shenzhen Penguin Island D1 4A Mail Center</td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/async.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Modal</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Plugin Modal</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/async.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Modal</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Plugin Modal</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/attach.tsx 1`] = `"<div style="position:relative;height:400px"><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">挂载在body</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">挂载特定元素</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">挂载函数返回节点</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">展示在挂载元素区域</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/attach.tsx 1`] = `"<div style="position:relative;height:400px"><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">挂载在body</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">挂载特定元素</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">挂载函数返回节点</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">展示在挂载元素区域</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Modal</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Modal</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/custom.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">只显示确认按钮</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义按钮内容</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义内容</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/custom.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">只显示确认按钮</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义按钮内容</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义内容</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/icon.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Modal</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/icon.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open Modal</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/modal.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">模态对话框</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">非模态对话框</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">非模态对话框2</span></button><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content">普通对话框</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body"><p>This is a dialog</p></div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/modal.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">模态对话框</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">非模态对话框</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">非模态对话框2</span></button><div class="t-dialog t-dialog--default"><div class="t-dialog__header"><div class="t-dialog__header-content">普通对话框</div><span class="t-dialog__close" style="margin-left:auto"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></span></div><div class="t-dialog__body"><p>This is a dialog</p></div><div class="t-dialog__footer"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>函数调用方式一：DialogPlugin(options)</p></div><div class="t-space-item"><p>函数调用方式二：DialogPlugin.confirm(options)</p></div><div class="t-space-item"><p>函数调用方式三：DialogPlugin.alert(options)</p></div><div class="t-space-item"><div><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">dialog</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">handleDialogNode</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">alert</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">DialogPlugin.confirm</span></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>函数调用方式一：DialogPlugin(options)</p></div><div class="t-space-item"><p>函数调用方式二：DialogPlugin.confirm(options)</p></div><div class="t-space-item"><p>函数调用方式三：DialogPlugin.alert(options)</p></div><div class="t-space-item"><div><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">dialog</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">handleDialogNode</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">confirm</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">alert</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">DialogPlugin.confirm</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/position.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">默认</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">垂直居中</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">超出屏幕</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/position.tsx 1`] = `"<button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">默认</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">垂直居中</span></button><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">超出屏幕</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/warning.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提示反馈</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">成功反馈</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">警示反馈</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">错误反馈</span></button></div><div class="t-space-item"></div><div class="t-space-item"></div><div class="t-space-item"></div><div class="t-space-item"></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/dialog/_example/warning.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提示反馈</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">成功反馈</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">警示反馈</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">错误反馈</span></button></div><div class="t-space-item"></div><div class="t-space-item"></div><div class="t-space-item"></div><div class="t-space-item"></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/divider/_example/base.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--dashed"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
+exports[`ssr snapshot test > ssr test packages/web/divider/_example/base.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--dashed"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
 
-exports[`ssr snapshot test > ssr test src/divider/_example/text.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-left"><span class="t-divider__inner-text">TDesign</span></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-center"><span class="t-divider__inner-text">TDesign</span></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-right"><span class="t-divider__inner-text">TDesign</span></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
+exports[`ssr snapshot test > ssr test packages/web/divider/_example/text.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-left"><span class="t-divider__inner-text">TDesign</span></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-center"><span class="t-divider__inner-text">TDesign</span></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-right"><span class="t-divider__inner-text">TDesign</span></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
 
-exports[`ssr snapshot test > ssr test src/divider/_example/vertical.tsx 1`] = `"<span>正直</span><div class="t-divider t-divider--vertical"></div><span>进取</span><div class="t-divider t-divider--vertical"></div><span>合作</span><div class="t-divider t-divider--vertical"></div><span>创新</span>"`;
+exports[`ssr snapshot test > ssr test packages/web/divider/_example/vertical.tsx 1`] = `"<span>正直</span><div class="t-divider t-divider--vertical"></div><span>进取</span><div class="t-divider t-divider--vertical"></div><span>合作</span><div class="t-divider t-divider--vertical"></div><span>创新</span>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/attach-parent.tsx 1`] = `"<div id="demo-container" style="position:relative;height:400px;padding:48px;overflow:hidden;background:#fafafa;border:1px solid #ebedf0;border-radius:2px"><div id="demo-suf-container"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>渲染在当前元素中。</p></div><div class="t-space-item"><div><span>抽屉弹出方向：</span><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上方</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">下方</span></label></div></div></div><div class="t-space-item"><div><span>抽屉弹出模式：</span><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;push&#x27;" checked="" value="push"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">push</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;overlay&#x27;" value="overlay"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">overlay</span></label></div></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open</span></button></div></div><div class="t-space-item"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/attach-parent.tsx 1`] = `"<div id="demo-container" style="position:relative;height:400px;padding:48px;overflow:hidden;background:#fafafa;border:1px solid #ebedf0;border-radius:2px"><div id="demo-suf-container"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>渲染在当前元素中。</p></div><div class="t-space-item"><div><span>抽屉弹出方向：</span><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上方</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">下方</span></label></div></div></div><div class="t-space-item"><div><span>抽屉弹出模式：</span><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;push&#x27;" checked="" value="push"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">push</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;overlay&#x27;" value="overlay"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">overlay</span></label></div></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Open</span></button></div></div><div class="t-space-item"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/custom.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/custom.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/destroy.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/destroy.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/no-mask.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/no-mask.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/operation.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/operation.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/placement.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上方</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">下方</span></label></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/placement.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上方</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">下方</span></label></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/popup.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><span>抽屉弹出模式：</span><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;push&#x27;" checked="" value="push"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">push</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;overlay&#x27;" value="overlay"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">overlay</span></label></div></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/popup.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><span>抽屉弹出模式：</span><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;push&#x27;" checked="" value="push"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">push</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;overlay&#x27;" value="overlay"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">overlay</span></label></div></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;small&#x27;" checked="" value="small"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">small(300px)</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;medium&#x27;" value="medium"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">medium(500px)</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">large(760px)</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="200" value="200"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">200</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;400px&#x27;" value="400px"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">400px</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;50%&#x27;" value="50%"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">50%</span></label></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;small&#x27;" checked="" value="small"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">small(300px)</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;medium&#x27;" value="medium"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">medium(500px)</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">large(760px)</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="200" value="200"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">200</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;400px&#x27;" value="400px"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">400px</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;50%&#x27;" value="50%"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">50%</span></label></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/drawer/_example/size-draggable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从左侧拖拽抽屉</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从右侧拖拽抽屉</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从上方拖拽抽屉</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从下方拖拽抽屉</span></label></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/drawer/_example/size-draggable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从左侧拖拽抽屉</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从右侧拖拽抽屉</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从上方拖拽抽屉</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">从下方拖拽抽屉</span></label></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">打开抽屉</span></button></div></div><div class="t-space-item"></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/button.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-ellipsis" style="font-size:16"><use xlink:href="#t-icon-ellipsis"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/button.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-ellipsis" style="font-size:16"><use xlink:href="#t-icon-ellipsis"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/child.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/child.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/click.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">hover我试试</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/click.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">hover我试试</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/custom.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击我试试</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/custom.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击我试试</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/disabled.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/disabled.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/icon.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/icon.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/left.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/left.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/long.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">hover我试试</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/long.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">hover我试试</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/multiple.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-ellipsis" style="font-size:16"><use xlink:href="#t-icon-ellipsis"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/multiple.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-ellipsis" style="font-size:16"><use xlink:href="#t-icon-ellipsis"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/split.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/split.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dropdown/_example/theme.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/dropdown/_example/theme.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">更多</span><span class="t-button__suffix"><svg class="t-icon t-icon-chevron-down" style="font-size:16"><use xlink:href="#t-icon-chevron-down"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/empty/_example/base.tsx 1`] = `"<div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/empty/_example/base.tsx 1`] = `"<div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/empty/_example/descriptions.tsx 1`] = `"<div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div><div class="t-empty__description">description</div><div class="t-empty__action"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">返回首页</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/empty/_example/descriptions.tsx 1`] = `"<div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div><div class="t-empty__description">description</div><div class="t-empty__action"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">返回首页</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/empty/_example/operation.tsx 1`] = `"<div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div><div class="t-empty__action"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">返回首页</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/empty/_example/operation.tsx 1`] = `"<div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div><div class="t-empty__action"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">返回首页</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/empty/_example/self-defined.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:-20px;margin-right:-20px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle" style="font-size:64px" color="var(--td-text-color-placeholder)"><path fill="currentColor" d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm12-5.5V14h-2V6.5h2zm-2 9h2v2h-2v-2z"></path></svg></div><div class="t-empty__title">No Data</div><div class="t-empty__description">暂无数据</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><div style="width:64px;height:64px;background-image:url(https://tdesign.gtimg.com/demo/demo-image-1.png);background-size:100% 100%"></div></div><div class="t-empty__title">No Data</div><div class="t-empty__description">暂无数据</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/empty/_example/self-defined.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:-20px;margin-right:-20px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle" style="font-size:64px" color="var(--td-text-color-placeholder)"><path fill="currentColor" d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm12-5.5V14h-2V6.5h2zm-2 9h2v2h-2v-2z"></path></svg></div><div class="t-empty__title">No Data</div><div class="t-empty__description">暂无数据</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><div style="width:64px;height:64px;background-image:url(https://tdesign.gtimg.com/demo/demo-image-1.png);background-size:100% 100%"></div></div><div class="t-empty__title">No Data</div><div class="t-empty__description">暂无数据</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/empty/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio__input"></span><span class="t-radio__label">small</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio__input"></span><span class="t-radio__label">medium</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio__input"></span><span class="t-radio__label">large</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div style="margin-top:20px;height:100px"><div class="t-row t-row--start t-row--top" style="margin-left:-20px;margin-right:-20px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="路况事件-traffic-events"><g id="Subtract"><path d="M29.5237 17L24 3.82812L18.4763 17H29.5237Z" fill="var(--td-text-color-placeholder)"></path><path d="M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z" fill="var(--td-text-color-placeholder)"></path><path d="M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Under Construction</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无网络-no-network"><g id="Union"><path d="M26 17V2H22V17H26Z" fill="var(--td-text-color-placeholder)"></path><path d="M26.0078 20H22V24.0078H26.0078V20Z" fill="var(--td-text-color-placeholder)"></path><path d="M2.75751 13.45C7.29713 9.80916 12.553 7.50276 18 6.53088V28H30V6.53052C35.4475 7.50216 40.7038 9.80854 45.2438 13.4497L46.8021 14.6995L24.0006 43.2016L1.19922 14.6998L2.75751 13.45Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Network Error</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42ZM46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24ZM21 32.8284L12.1716 24L15 21.1716L21 27.1716L33 15.1716L35.8284 18L21 32.8284Z" fill="#2BA471"></path></svg></div><div class="t-empty__title">Success</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6ZM2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24ZM26 13V28H22V13H26ZM22 31H26.0078V35.0078H22V31Z" fill="#D54941"></path></svg></div><div class="t-empty__title">Failure</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/empty/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio__input"></span><span class="t-radio__label">small</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio__input"></span><span class="t-radio__label">medium</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio__input"></span><span class="t-radio__label">large</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div style="margin-top:20px;height:100px"><div class="t-row t-row--start t-row--top" style="margin-left:-20px;margin-right:-20px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="路况事件-traffic-events"><g id="Subtract"><path d="M29.5237 17L24 3.82812L18.4763 17H29.5237Z" fill="var(--td-text-color-placeholder)"></path><path d="M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z" fill="var(--td-text-color-placeholder)"></path><path d="M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Under Construction</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无网络-no-network"><g id="Union"><path d="M26 17V2H22V17H26Z" fill="var(--td-text-color-placeholder)"></path><path d="M26.0078 20H22V24.0078H26.0078V20Z" fill="var(--td-text-color-placeholder)"></path><path d="M2.75751 13.45C7.29713 9.80916 12.553 7.50276 18 6.53088V28H30V6.53052C35.4475 7.50216 40.7038 9.80854 45.2438 13.4497L46.8021 14.6995L24.0006 43.2016L1.19922 14.6998L2.75751 13.45Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Network Error</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42ZM46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24ZM21 32.8284L12.1716 24L15 21.1716L21 27.1716L33 15.1716L35.8284 18L21 32.8284Z" fill="#2BA471"></path></svg></div><div class="t-empty__title">Success</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6ZM2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24ZM26 13V28H22V13H26ZM22 31H26.0078V35.0078H22V31Z" fill="#D54941"></path></svg></div><div class="t-empty__title">Failure</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/empty/_example/status.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:-20px;margin-right:-20px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="路况事件-traffic-events"><g id="Subtract"><path d="M29.5237 17L24 3.82812L18.4763 17H29.5237Z" fill="var(--td-text-color-placeholder)"></path><path d="M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z" fill="var(--td-text-color-placeholder)"></path><path d="M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Under Construction</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无网络-no-network"><g id="Union"><path d="M26 17V2H22V17H26Z" fill="var(--td-text-color-placeholder)"></path><path d="M26.0078 20H22V24.0078H26.0078V20Z" fill="var(--td-text-color-placeholder)"></path><path d="M2.75751 13.45C7.29713 9.80916 12.553 7.50276 18 6.53088V28H30V6.53052C35.4475 7.50216 40.7038 9.80854 45.2438 13.4497L46.8021 14.6995L24.0006 43.2016L1.19922 14.6998L2.75751 13.45Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Network Error</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42ZM46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24ZM21 32.8284L12.1716 24L15 21.1716L21 27.1716L33 15.1716L35.8284 18L21 32.8284Z" fill="#2BA471"></path></svg></div><div class="t-empty__title">Success</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6ZM2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24ZM26 13V28H22V13H26ZM22 31H26.0078V35.0078H22V31Z" fill="#D54941"></path></svg></div><div class="t-empty__title">Failure</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/empty/_example/status.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:-20px;margin-right:-20px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无结果-no-result"><g id="Union"><path d="M22 0H26V8H22V0Z" fill="var(--td-text-color-placeholder)"></path><path d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z" fill="var(--td-text-color-placeholder)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z" fill="var(--td-text-color-placeholder)"></path><path d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">No Data</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="路况事件-traffic-events"><g id="Subtract"><path d="M29.5237 17L24 3.82812L18.4763 17H29.5237Z" fill="var(--td-text-color-placeholder)"></path><path d="M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z" fill="var(--td-text-color-placeholder)"></path><path d="M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Under Construction</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="无网络-no-network"><g id="Union"><path d="M26 17V2H22V17H26Z" fill="var(--td-text-color-placeholder)"></path><path d="M26.0078 20H22V24.0078H26.0078V20Z" fill="var(--td-text-color-placeholder)"></path><path d="M2.75751 13.45C7.29713 9.80916 12.553 7.50276 18 6.53088V28H30V6.53052C35.4475 7.50216 40.7038 9.80854 45.2438 13.4497L46.8021 14.6995L24.0006 43.2016L1.19922 14.6998L2.75751 13.45Z" fill="var(--td-text-color-placeholder)"></path></g></g></svg></div><div class="t-empty__title">Network Error</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42ZM46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24ZM21 32.8284L12.1716 24L15 21.1716L21 27.1716L33 15.1716L35.8284 18L21 32.8284Z" fill="#2BA471"></path></svg></div><div class="t-empty__title">Success</div></div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:20px;padding-right:20px"><div class="t-empty t-size"><div class="t-empty__image"><svg width="1em" height="1em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6ZM2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24ZM26 13V28H22V13H26ZM22 31H26.0078V35.0078H22V31Z" fill="#D54941"></path></svg></div><div class="t-empty__title">Failure</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/align.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左对齐</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右对齐</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">顶部对齐</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:80px"><label>名字</label></div><div class="t-form__controls" style="margin-left:80px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:80px"><label>密码</label></div><div class="t-form__controls" style="margin-left:80px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/align.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左对齐</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" checked="" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右对齐</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">顶部对齐</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:80px"><label>名字</label></div><div class="t-form__controls" style="margin-left:80px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:80px"><label>密码</label></div><div class="t-form__controls" style="margin-left:80px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/base.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__birthday"><div class="t-form__label t-form__label--right" style="width:100px"><label>出生日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男性</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;female&#x27;" value="female"/><span class="t-radio__input"></span><span class="t-radio__label">女性</span></label></div></div></div></div><div class="t-form__item t-form-item__foo"><div class="t-form__label t-form__label--right" style="width:100px"><label>动态选项1</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-radio__input"></span><span class="t-radio__label">选项一</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">选项二</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;la&#x27;" value="la"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加辣</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;ma&#x27;" value="ma"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加麻</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;nocong&#x27;" value="nocong"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">不要葱花</span></label></div></div></div></div><div class="t-form__item t-form-item__status"><div class="t-form__label t-form__label--right" style="width:100px"><label for="status">状态</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label for="custom">自定义内容</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div style="display:flex;gap:8px"><div class="t-form__item t-form-item__custom"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字链</span></button></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">设置信息</span></button></div><div class="t-space-item"><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/base.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__birthday"><div class="t-form__label t-form__label--right" style="width:100px"><label>出生日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男性</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;female&#x27;" value="female"/><span class="t-radio__input"></span><span class="t-radio__label">女性</span></label></div></div></div></div><div class="t-form__item t-form-item__foo"><div class="t-form__label t-form__label--right" style="width:100px"><label>动态选项1</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-radio__input"></span><span class="t-radio__label">选项一</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">选项二</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;la&#x27;" value="la"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加辣</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;ma&#x27;" value="ma"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加麻</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;nocong&#x27;" value="nocong"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">不要葱花</span></label></div></div></div></div><div class="t-form__item t-form-item__status"><div class="t-form__label t-form__label--right" style="width:100px"><label for="status">状态</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label for="custom">自定义内容</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div style="display:flex;gap:8px"><div class="t-form__item t-form-item__custom"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">文字链</span></button></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">设置信息</span></button></div><div class="t-space-item"><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/clear-validate.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button style="margin-right:10px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清空校验结果</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text"> <!-- -->清除指定字段的校验结果<!-- --> </span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/clear-validate.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button style="margin-right:10px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清空校验结果</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text"> <!-- -->清除指定字段的校验结果<!-- --> </span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/custom-validator.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__rePassword"><div class="t-form__label t-form__label--right" style="width:100px"><label>确认密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin:0 12px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清除校验状态</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/custom-validator.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__rePassword"><div class="t-form__label t-form__label--right" style="width:100px"><label>确认密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin:0 12px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清除校验状态</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/customized-form-controls.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择课程类型" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入课程名称" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/customized-form-controls.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择课程类型" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入课程名称" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea"><textarea placeholder="简单描述自己的经历" class="t-textarea__inner t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea"><textarea placeholder="简单描述自己的经历" class="t-textarea__inner t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/error-message.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">使用表单默认校验信息</span></span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;config&#x27;" value="config"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">表单统一配置校验信息</span></span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清空校验结果</span></button></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/error-message.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">使用表单默认校验信息</span></span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;config&#x27;" value="config"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">表单统一配置校验信息</span></span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清空校验结果</span></button></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/form-field-linkage.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__type"><div class="t-form__label t-form__label--right" style="width:100px"><label>类型</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;hot&#x27;" checked="" value="hot"/><span class="t-radio__input"></span><span class="t-radio__label">热饮</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;cold&#x27;" value="cold"/><span class="t-radio__input"></span><span class="t-radio__label">冷饮</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">选择冷饮-少冰</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/form-field-linkage.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__type"><div class="t-form__label t-form__label--right" style="width:100px"><label>类型</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;hot&#x27;" checked="" value="hot"/><span class="t-radio__input"></span><span class="t-radio__label">热饮</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;cold&#x27;" value="cold"/><span class="t-radio__input"></span><span class="t-radio__label">冷饮</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">选择冷饮-少冰</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/form-list.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__address" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">Add field</span></button></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/form-list.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__address" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">Add field</span></button></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/layout.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">纵向布局</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;inline&#x27;" checked="" value="inline"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">行内布局</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form t-form-inline"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:60px"><label>名字</label></div><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:60px"><label>密码</label></div><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/layout.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">纵向布局</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;inline&#x27;" checked="" value="inline"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">行内布局</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form t-form-inline"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:60px"><label>名字</label></div><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:60px"><label>密码</label></div><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/login.tsx 1`] = `"<div style="width:350px"><form class="t-form"><div class="t-form__item t-form-item__account"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-desktop"><path fill="currentColor" d="M1 3h22v15H13v2h4v2H7v-2h4v-2H1V3zm2 2v11h18V5H3z"></path></svg></span><input placeholder="请输入账户名" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span><input placeholder="请输入密码" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base t-size-full-width"><span class="t-button__text">登录</span></button></div></div></div></form></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/login.tsx 1`] = `"<div style="width:350px"><form class="t-form"><div class="t-form__item t-form-item__account"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-desktop"><path fill="currentColor" d="M1 3h22v15H13v2h4v2H7v-2h4v-2H1V3zm2 2v11h18V5H3z"></path></svg></span><input placeholder="请输入账户名" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span><input placeholder="请输入密码" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base t-size-full-width"><span class="t-button__text">登录</span></button></div></div></div></form></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/nested-data.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__user_name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="name" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="name"/></div></div></div></div></div><div class="t-form__item t-form-item__user_age"><div class="t-form__label t-form__label--right" style="width:100px"><label>年龄</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="age" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="age"/></div></div></div></div></div><div class="t-form__item t-form-item__user_gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男性</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;female&#x27;" value="female"/><span class="t-radio__input"></span><span class="t-radio__label">女性</span></label></div></div></div></div><div class="t-form__item t-form-item__user_course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;la&#x27;" value="la"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加辣</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;ma&#x27;" value="ma"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加麻</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;nocong&#x27;" value="nocong"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">不要葱花</span></label></div></div></div></div><div class="t-form__item t-form-item__birthday"><div class="t-form__label t-form__label--right" style="width:100px"><label>出生日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input"><div class="t-input__wrap" value="2022-08-08" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-08-08"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__user_address" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">Add field</span></button></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">设置信息</span></button><button style="margin-left:12px" type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/nested-data.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__user_name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="name" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="name"/></div></div></div></div></div><div class="t-form__item t-form-item__user_age"><div class="t-form__label t-form__label--right" style="width:100px"><label>年龄</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="age" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="age"/></div></div></div></div></div><div class="t-form__item t-form-item__user_gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男性</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;female&#x27;" value="female"/><span class="t-radio__input"></span><span class="t-radio__label">女性</span></label></div></div></div></div><div class="t-form__item t-form-item__user_course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;la&#x27;" value="la"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加辣</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;ma&#x27;" value="ma"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加麻</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;nocong&#x27;" value="nocong"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">不要葱花</span></label></div></div></div></div><div class="t-form__item t-form-item__birthday"><div class="t-form__label t-form__label--right" style="width:100px"><label>出生日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input"><div class="t-input__wrap" value="2022-08-08" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value="2022-08-08"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__user_address" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-default t-button--variant-dashed"><span class="t-button__text">Add field</span></button></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">设置信息</span></button><button style="margin-left:12px" type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/reset.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;empty&#x27;" value="empty"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">重置为空</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;initial&#x27;" checked="" value="initial"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger"> 重置为初始值 </span></span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="TDesign"/></div></div></div></div></div><div class="t-form__item t-form-item__tel"><div class="t-form__label t-form__label--right" style="width:100px"><label>手机号码</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="12345678910" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="12345678910"/></div></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/reset.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;empty&#x27;" value="empty"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">重置为空</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;initial&#x27;" checked="" value="initial"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger"> 重置为初始值 </span></span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="TDesign"/></div></div></div></div></div><div class="t-form__item t-form-item__tel"><div class="t-form__label t-form__label--right" style="width:100px"><label>手机号码</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="12345678910" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="12345678910"/></div></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/validate-complicated-data.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__school"><div class="t-form__label t-form__label--right" style="width:100px"><label>学校</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">学校一</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">学校二</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="3" value="3"/><span class="t-radio__input"></span><span class="t-radio__label">学校三</span></label></div></div></div></div><div class="t-tabs" style="margin-left:30px;border:1px solid var(--td-component-stroke)"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"><div class="t-tabs__add-btn t-tabs__btn t-size-m"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">学生1</span></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">学生2</span></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="padding:24px 24px 24px 0"><div class="t-form__item t-form-item__students[0].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="StudentA" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="StudentA"/></div></div></div></div></div><div class="t-form__item t-form-item__students[0].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>选科</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;wenke&#x27;" checked="" value="wenke"/><span class="t-radio__input"></span><span class="t-radio__label">文科</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;like&#x27;" value="like"/><span class="t-radio__input"></span><span class="t-radio__label">理科</span></label></div></div></div></div><div class="t-form__item t-form-item__students[0].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">全部</span></label><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">物理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">化学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">地理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">历史</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></div></div><div class="t-tab-panel" style="display:none"><div style="padding:24px 24px 24px 0"><div class="t-form__item t-form-item__students[1].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="StudentB" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="StudentB"/></div></div></div></div></div><div class="t-form__item t-form-item__students[1].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>选科</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;wenke&#x27;" checked="" value="wenke"/><span class="t-radio__input"></span><span class="t-radio__label">文科</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;like&#x27;" value="like"/><span class="t-radio__input"></span><span class="t-radio__label">理科</span></label></div></div></div></div><div class="t-form__item t-form-item__students[1].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">全部</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">物理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">化学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">地理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">历史</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></div></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/validate-complicated-data.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__school"><div class="t-form__label t-form__label--right" style="width:100px"><label>学校</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">学校一</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">学校二</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="3" value="3"/><span class="t-radio__input"></span><span class="t-radio__label">学校三</span></label></div></div></div></div><div class="t-tabs" style="margin-left:30px;border:1px solid var(--td-component-stroke)"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"><div class="t-tabs__add-btn t-tabs__btn t-size-m"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">学生1</span></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">学生2</span></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="padding:24px 24px 24px 0"><div class="t-form__item t-form-item__students[0].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="StudentA" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="StudentA"/></div></div></div></div></div><div class="t-form__item t-form-item__students[0].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>选科</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;wenke&#x27;" checked="" value="wenke"/><span class="t-radio__input"></span><span class="t-radio__label">文科</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;like&#x27;" value="like"/><span class="t-radio__input"></span><span class="t-radio__label">理科</span></label></div></div></div></div><div class="t-form__item t-form-item__students[0].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">全部</span></label><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">物理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">化学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">地理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">历史</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></div></div><div class="t-tab-panel" style="display:none"><div style="padding:24px 24px 24px 0"><div class="t-form__item t-form-item__students[1].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="StudentB" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="StudentB"/></div></div></div></div></div><div class="t-form__item t-form-item__students[1].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>选科</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;wenke&#x27;" checked="" value="wenke"/><span class="t-radio__input"></span><span class="t-radio__label">文科</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;like&#x27;" value="like"/><span class="t-radio__input"></span><span class="t-radio__label">理科</span></label></div></div></div></div><div class="t-form__item t-form-item__students[1].name"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">全部</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">物理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">化学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">地理</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">历史</span></label></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></div></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/validate-message.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button style="margin-right:10px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">仅校验不展示验证信息</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">设置校验信息提示</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/validate-message.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button style="margin-right:10px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">仅校验不展示验证信息</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">设置校验信息提示</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/validator.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="张三" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="张三"/></div></div></div><div class="t-input__help">这里请填写用户名</div></div></div><div class="t-form__item t-form-item__password t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这里请填写密码</div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/validator.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="张三" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="张三"/></div></div></div><div class="t-input__help">这里请填写用户名</div></div></div><div class="t-form__item t-form-item__password t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这里请填写密码</div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/validator-status.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__fail t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>失败</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">校验不通过，请输入正确内容</div></div></div><div class="t-form__item t-form-item__warning"><div class="t-form__label t-form__label--right" style="width:100px"><label>警告</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__success"><div class="t-form__label t-form__label--right" style="width:100px"><label>成功</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__failB"><div class="t-form__label t-form__label--right" style="width:100px"><label>失败</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="隐藏状态icon" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__warningB"><div class="t-form__label t-form__label--right" style="width:100px"><label>警告</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__loading"><div class="t-form__label t-form__label--right" style="width:100px"><label>加载中</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="正在校验中，请稍等" type="text" class="t-input__inner" value=""/></div></div><span class="t-form__status"><div class="t-loading t-loading--center" style="font-size:25px;color:#1890ff"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div><div class="t-form__item t-form-item__add t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>新增</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-form__status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle" style="color:unset;font-size:25px" name="add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span></div><div class="t-input__help">自定义新增icon</div></div></div><div class="t-form__item t-form-item__help t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>帮助</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-form__status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-help-circle" style="color:unset;font-size:25px" name="help-circle"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-10 6.25h-2v-2h2v2zm-2-3V14c0-.87.39-1.57.83-2.11.43-.53.97-.97 1.4-1.32A2 2 0 0012 7a2 2 0 00-1.89 1.33l-.33.95-1.89-.67.34-.94a4 4 0 116.24 4.47 7 7 0 00-1.1 1.01c-.27.34-.37.61-.37.85v1.25h-2z"></path></svg></span></div><div class="t-input__help">自定义帮助icon</div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test > ssr test packages/web/form/_example/validator-status.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__fail t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>失败</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">校验不通过，请输入正确内容</div></div></div><div class="t-form__item t-form-item__warning"><div class="t-form__label t-form__label--right" style="width:100px"><label>警告</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__success"><div class="t-form__label t-form__label--right" style="width:100px"><label>成功</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__failB"><div class="t-form__label t-form__label--right" style="width:100px"><label>失败</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="隐藏状态icon" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__warningB"><div class="t-form__label t-form__label--right" style="width:100px"><label>警告</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__loading"><div class="t-form__label t-form__label--right" style="width:100px"><label>加载中</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="正在校验中，请稍等" type="text" class="t-input__inner" value=""/></div></div><span class="t-form__status"><div class="t-loading t-loading--center" style="font-size:25px;color:#1890ff"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div><div class="t-form__item t-form-item__add t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>新增</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-form__status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle" style="color:unset;font-size:25px" name="add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span></div><div class="t-input__help">自定义新增icon</div></div></div><div class="t-form__item t-form-item__help t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>帮助</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-form__status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-help-circle" style="color:unset;font-size:25px" name="help-circle"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-10 6.25h-2v-2h2v2zm-2-3V14c0-.87.39-1.57.83-2.11.43-.53.97-.97 1.4-1.32A2 2 0 0012 7a2 2 0 00-1.89 1.33l-.33.95-1.89-.67.34-.94a4 4 0 116.24 4.47 7 7 0 00-1.1 1.01c-.27.34-.37.61-.37.85v1.25h-2z"></path></svg></span></div><div class="t-input__help">自定义帮助icon</div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button type="reset" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/base.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>4</div></div><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>4</div></div><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>4</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-6 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>6</div></div><div class="t-col t-col-6 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>6</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-12 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>12</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/base.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div><div class="t-col t-col-1 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>1</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>2</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>4</div></div><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>4</div></div><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>4</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-6 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>6</div></div><div class="t-col t-col-6 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>6</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-12 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>12</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/flex.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:2 2 auto"><div>2 / 5</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:3 3 auto"><div>3 / 5</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:0 0 100px"><div>100px</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><div>Fill Rest</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:1 1 200px"><div>1 1 200px</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:0 1 300px"><div>0 1 300px</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:none"><div style="padding:0 16px">none</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><div>auto with no-wrap</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/flex.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:2 2 auto"><div>2 / 5</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:3 3 auto"><div>3 / 5</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:0 0 100px"><div>100px</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><div>Fill Rest</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:1 1 200px"><div>1 1 200px</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:0 1 300px"><div>0 1 300px</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:none"><div style="padding:0 16px">none</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><div>auto with no-wrap</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/gutter.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:-8px;margin-right:-8px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:-12px;margin-right:-12px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:-8px;margin-right:-8px;row-gap:24px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/gutter.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:-8px;margin-right:-8px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:-12px;margin-right:-12px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:12px;padding-right:12px"><div>col-3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:-8px;margin-right:-8px;row-gap:24px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:8px;padding-right:8px"><div>col-3</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/halign.tsx 1`] = `"<p>align left</p><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>align center</p><div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>align right</p><div class="t-row t-row--end t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>space-between</p><div class="t-row t-row--space-between t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>space-around</p><div class="t-row t-row--space-around t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/halign.tsx 1`] = `"<p>align left</p><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>align center</p><div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>align right</p><div class="t-row t-row--end t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>space-between</p><div class="t-row t-row--space-between t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div><p>space-around</p><div class="t-row t-row--space-around t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div><div class="t-col t-col-2 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-2</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/offset.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-4</div></div><div class="t-col t-col-4 t-col-offset-4 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-4</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-3 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-3 col-offset-3</div></div><div class="t-col t-col-3 t-col-offset-3 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-3 col-offset-3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-6 t-col-offset-2 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-6 col-offset-2</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/offset.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-4 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-4</div></div><div class="t-col t-col-4 t-col-offset-4 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-4</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-3 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-3 col-offset-3</div></div><div class="t-col t-col-3 t-col-offset-3 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-3 col-offset-3</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-6 t-col-offset-2 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-6 col-offset-2</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/order.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px">通过 \`order\` 来改变元素的排序。</div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-4" style="padding-left:0px;padding-right:0px"><div>1 col-order-4</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-3" style="padding-left:0px;padding-right:0px"><div>2 col-order-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-2" style="padding-left:0px;padding-right:0px"><div>3 col-order-2</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-1" style="padding-left:0px;padding-right:0px"><div>4 col-order-1</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-1 t-col-sm-order-2 t-col-md-order-3 t-col-lg-order-4" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>1 col-order-responsive</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-2 t-col-sm-order-1 t-col-md-order-4 t-col-lg-order-3" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>2 col-order-responsive</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-3 t-col-sm-order-4 t-col-md-order-2 t-col-lg-order-1" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>3 col-order-responsive</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-4 t-col-sm-order-3 t-col-md-order-1 t-col-lg-order-2" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>4 col-order-responsive</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/order.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px">通过 \`order\` 来改变元素的排序。</div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-4" style="padding-left:0px;padding-right:0px"><div>1 col-order-4</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-3" style="padding-left:0px;padding-right:0px"><div>2 col-order-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-2" style="padding-left:0px;padding-right:0px"><div>3 col-order-2</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-1" style="padding-left:0px;padding-right:0px"><div>4 col-order-1</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-1 t-col-sm-order-2 t-col-md-order-3 t-col-lg-order-4" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>1 col-order-responsive</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-2 t-col-sm-order-1 t-col-md-order-4 t-col-lg-order-3" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>2 col-order-responsive</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-3 t-col-sm-order-4 t-col-md-order-2 t-col-lg-order-1" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>3 col-order-responsive</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-order-4 t-col-sm-order-3 t-col-md-order-1 t-col-lg-order-2" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]"><div>4 col-order-responsive</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/responsive.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><span>宽度响应式</span></div><div class="t-space-item"><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-2 t-col-sm-4 t-col-md-6 t-col-lg-8 t-col-xl-10" style="padding-left:0px;padding-right:0px" xs="2" sm="4" md="6" lg="8" xl="10"><div>Col</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-10 t-col-sm-8 t-col-md-6 t-col-lg-4 t-col-xl-2" style="padding-left:0px;padding-right:0px" xs="10" sm="8" md="6" lg="4" xl="2"><div>Col</div></div></div></div><div class="t-space-item"><span>其他属性响应式（支持span，offset，order，pull，push）</span></div><div class="t-space-item"><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-3 t-col-xs-offset-0 t-col-sm-3 t-col-sm-offset-2 t-col-md-3 t-col-md-offset-4 t-col-lg-3 t-col-lg-offset-6 t-col-xl-3 t-col-xl-offset-8" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]" xl="[object Object]"><div>Col</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/responsive.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><span>宽度响应式</span></div><div class="t-space-item"><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-2 t-col-sm-4 t-col-md-6 t-col-lg-8 t-col-xl-10" style="padding-left:0px;padding-right:0px" xs="2" sm="4" md="6" lg="8" xl="10"><div>Col</div></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-10 t-col-sm-8 t-col-md-6 t-col-lg-4 t-col-xl-2" style="padding-left:0px;padding-right:0px" xs="10" sm="8" md="6" lg="4" xl="2"><div>Col</div></div></div></div><div class="t-space-item"><span>其他属性响应式（支持span，offset，order，pull，push）</span></div><div class="t-space-item"><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0 t-col-xs-3 t-col-xs-offset-0 t-col-sm-3 t-col-sm-offset-2 t-col-md-3 t-col-md-offset-4 t-col-lg-3 t-col-lg-offset-6 t-col-xl-3 t-col-xl-offset-8" style="padding-left:0px;padding-right:0px" xs="[object Object]" sm="[object Object]" md="[object Object]" lg="[object Object]" xl="[object Object]"><div>Col</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/sort.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px">通过 \`pull\` \`push\` 进行排序</div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-9 t-col-offset-0 t-col-pull-0 t-col-push-3 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-9 col-push-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-9 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-3 col-pull-9</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-8 t-col-offset-0 t-col-pull-0 t-col-push-4 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-8 col-push-4</div></div><div class="t-col t-col-4 t-col-offset-0 t-col-pull-8 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-4 col-pull-8</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/sort.tsx 1`] = `"<div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px">通过 \`pull\` \`push\` 进行排序</div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-9 t-col-offset-0 t-col-pull-0 t-col-push-3 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-9 col-push-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-9 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-3 col-pull-9</div></div></div><div class="t-row t-row--start t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-8 t-col-offset-0 t-col-pull-0 t-col-push-4 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-8 col-push-4</div></div><div class="t-col t-col-4 t-col-offset-0 t-col-pull-8 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div>col-4 col-pull-8</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/valign.tsx 1`] = `"<p>align top</p><div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div></div><p>Align Middle</p><div class="t-row t-row--space-around t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div></div><p>Align Bottom</p><div class="t-row t-row--space-between t-row--bottom" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/grid/_example/valign.tsx 1`] = `"<p>align top</p><div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div></div><p>Align Middle</p><div class="t-row t-row--space-around t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div></div><p>Align Bottom</p><div class="t-row t-row--space-between t-row--bottom" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:80px">col-3</div></div><div class="t-col t-col-3 t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px"><div style="height:40px">col-3</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/base.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/guide/_example/base.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/custom-popup.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/guide/_example/custom-popup.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/dialog.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/guide/_example/dialog.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/no-mask.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/guide/_example/no-mask.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/popup-dialog.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/guide/_example/popup-dialog.tsx 1`] = `"<div class="t-row t-row--center t-row--top" style="margin-left:0px;margin-right:0px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">新手引导</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/icon/_example/Enhanced.tsx 1`] = `"<div><svg class="t-icon cps-icon-home-sheep" style="margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep t-size-m" style="margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep t-size-l" style="margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep" style="font-size:25px"><use xlink:href="#cps-icon-home-sheep"></use></svg><br/><br/><svg class="t-icon cps-icon-home-sheep" style="color:red;margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep" style="color:green;margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep" style="color:orange;margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon t-icon-home"><use xlink:href="#t-icon-home"></use></svg></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/icon/_example/Enhanced.tsx 1`] = `"<div><svg class="t-icon cps-icon-home-sheep" style="margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep t-size-m" style="margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep t-size-l" style="margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep" style="font-size:25px"><use xlink:href="#cps-icon-home-sheep"></use></svg><br/><br/><svg class="t-icon cps-icon-home-sheep" style="color:red;margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep" style="color:green;margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon cps-icon-home-sheep" style="color:orange;margin-right:8px"><use xlink:href="#cps-icon-home-sheep"></use></svg><svg class="t-icon t-icon-home"><use xlink:href="#t-icon-home"></use></svg></div>"`;
 
-exports[`ssr snapshot test > ssr test src/icon/_example/IconExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="color:var(--td-brand-color);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-t"><path fill="currentColor" d="M6.5 4h11v2H13v14h-2V6H6.5V4z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-d"><path fill="currentColor" d="M7 4h8a2 2 0 012 2v12a2 2 0 01-2 2H7V4zm2 2v12h6V6H9z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-e"><path fill="currentColor" d="M7 6c0-1.1.9-2 2-2h8v2H9v5h8v2H9v5h8v2H9a2 2 0 01-2-2V6z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-s"><path fill="currentColor" d="M7.5 6c0-1.1.9-2 2-2H16v2H9.5v5h5a2 2 0 012 2v5a2 2 0 01-2 2H8v-2h6.5v-5h-5a2 2 0 01-2-2V6z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-i"><path fill="currentColor" d="M8.5 4h7v2H13v12h2.5v2h-7v-2H11V6H8.5V4z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-g"><path fill="currentColor" d="M16 4H8.5C7.67 4 7 4.67 7 5.5v13c0 .83.67 1.5 1.5 1.5H17v-9h-5.2v2H15v5H9V6h7V4z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-n"><path fill="currentColor" d="M8.5 20V6h7v14h2V6a2 2 0 00-2-2h-9v16h2z"></path></svg></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-checkbox"><path fill="currentColor" d="M2 2h13v5.5h-2V4H4v9h3.5v2H2V2zm7 7h13v13H9V9zm2 2v9h9v-9h-9zm8.41 3L15 18.41l-2.91-2.91 1.41-1.41 1.5 1.5 3-3L19.41 14z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-breadcrumb"><path fill="currentColor" d="M2 6.5v11h7.91l5.5-5.5-5.5-5.5H2zm2 2h5.09l3.5 3.5-3.5 3.5H4v-7zm10.59-1l4.5 4.5-4.5 4.5L16 17.91 21.91 12 16 6.09 14.59 7.5z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-input"><path fill="currentColor" d="M2 7h20v9H2V7zm2 2v5h16V9H4zm4 1v3H6v-3h2z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-switch"><path fill="currentColor" d="M7.5 8.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7zm4.24 0a5.48 5.48 0 010 7h4.76a3.5 3.5 0 100-7h-4.76zM2 12a5.5 5.5 0 015.5-5.5h9a5.5 5.5 0 110 11h-9A5.5 5.5 0 012 12z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-dropdown"><path fill="currentColor" d="M2 2h20v7H2V2zm2 2v3h16V4H4zm0 7v9h16v-9h2v11H2V11h2zm2 1h12v2H6v-2zm0 4h12v2H6v-2z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-radio"><path fill="currentColor" d="M12 4a8 8 0 100 16 8 8 0 000-16zM2 12a10 10 0 1120 0 10 10 0 01-20 0zm10-4a4 4 0 100 8 4 4 0 000-8zm-6 4a6 6 0 1112 0 6 6 0 01-12 0z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-steps"><path fill="currentColor" d="M1 12a3.5 3.5 0 016.86-1h.78a3.5 3.5 0 016.72 0h.78a3.5 3.5 0 110 2h-.78a3.5 3.5 0 01-6.72 0h-.78A3.5 3.5 0 011 12zm3.5-1.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm7.5 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm7.5 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3z"></path></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/icon/_example/IconExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="color:var(--td-brand-color);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-t"><path fill="currentColor" d="M6.5 4h11v2H13v14h-2V6H6.5V4z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-d"><path fill="currentColor" d="M7 4h8a2 2 0 012 2v12a2 2 0 01-2 2H7V4zm2 2v12h6V6H9z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-e"><path fill="currentColor" d="M7 6c0-1.1.9-2 2-2h8v2H9v5h8v2H9v5h8v2H9a2 2 0 01-2-2V6z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-s"><path fill="currentColor" d="M7.5 6c0-1.1.9-2 2-2H16v2H9.5v5h5a2 2 0 012 2v5a2 2 0 01-2 2H8v-2h6.5v-5h-5a2 2 0 01-2-2V6z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-i"><path fill="currentColor" d="M8.5 4h7v2H13v12h2.5v2h-7v-2H11V6H8.5V4z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-g"><path fill="currentColor" d="M16 4H8.5C7.67 4 7 4.67 7 5.5v13c0 .83.67 1.5 1.5 1.5H17v-9h-5.2v2H15v5H9V6h7V4z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-letters-n"><path fill="currentColor" d="M8.5 20V6h7v14h2V6a2 2 0 00-2-2h-9v16h2z"></path></svg></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-checkbox"><path fill="currentColor" d="M2 2h13v5.5h-2V4H4v9h3.5v2H2V2zm7 7h13v13H9V9zm2 2v9h9v-9h-9zm8.41 3L15 18.41l-2.91-2.91 1.41-1.41 1.5 1.5 3-3L19.41 14z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-breadcrumb"><path fill="currentColor" d="M2 6.5v11h7.91l5.5-5.5-5.5-5.5H2zm2 2h5.09l3.5 3.5-3.5 3.5H4v-7zm10.59-1l4.5 4.5-4.5 4.5L16 17.91 21.91 12 16 6.09 14.59 7.5z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-input"><path fill="currentColor" d="M2 7h20v9H2V7zm2 2v5h16V9H4zm4 1v3H6v-3h2z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-switch"><path fill="currentColor" d="M7.5 8.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7zm4.24 0a5.48 5.48 0 010 7h4.76a3.5 3.5 0 100-7h-4.76zM2 12a5.5 5.5 0 015.5-5.5h9a5.5 5.5 0 110 11h-9A5.5 5.5 0 012 12z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-dropdown"><path fill="currentColor" d="M2 2h20v7H2V2zm2 2v3h16V4H4zm0 7v9h16v-9h2v11H2V11h2zm2 1h12v2H6v-2zm0 4h12v2H6v-2z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-radio"><path fill="currentColor" d="M12 4a8 8 0 100 16 8 8 0 000-16zM2 12a10 10 0 1120 0 10 10 0 01-20 0zm10-4a4 4 0 100 8 4 4 0 000-8zm-6 4a6 6 0 1112 0 6 6 0 01-12 0z"></path></svg></div><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-component-steps"><path fill="currentColor" d="M1 12a3.5 3.5 0 016.86-1h.78a3.5 3.5 0 016.72 0h.78a3.5 3.5 0 110 2h-.78a3.5 3.5 0 01-6.72 0h-.78A3.5 3.5 0 011 12zm3.5-1.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm7.5 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm7.5 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3z"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/icon/_example/IconFontEnhanced.tsx 1`] = `"<div><i style="margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i style="margin-right:8px" class="cps-icon cps-icon-home-sheep t-size-m"></i><i style="margin-right:8px" class="cps-icon cps-icon-home-sheep t-size-l"></i><i style="font-size:25px" class="cps-icon cps-icon-home-sheep"></i><br/><br/><i style="color:red;margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i style="color:green;margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i style="color:orange;margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i class="t-icon-home t-icon"></i></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/icon/_example/IconFontEnhanced.tsx 1`] = `"<div><i style="margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i style="margin-right:8px" class="cps-icon cps-icon-home-sheep t-size-m"></i><i style="margin-right:8px" class="cps-icon cps-icon-home-sheep t-size-l"></i><i style="font-size:25px" class="cps-icon cps-icon-home-sheep"></i><br/><br/><i style="color:red;margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i style="color:green;margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i style="color:orange;margin-right:8px" class="cps-icon cps-icon-home-sheep"></i><i class="t-icon-home t-icon"></i></div>"`;
 
-exports[`ssr snapshot test > ssr test src/icon/_example/IconFontExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How do you feel today?</p></div><div class="t-space-item"><i class="t-icon t-icon-sneer"></i></div><div class="t-space-item"><i class="t-icon t-icon-unhappy"></i></div><div class="t-space-item"><i class="t-icon t-icon-excited"></i></div><div class="t-space-item"><i class="t-icon t-icon-surprised"></i></div><div class="t-space-item"><i class="t-icon t-icon-giggle"></i></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal t-space--break-line"><div class="t-space-item"><p>What is your favourite food?</p></div><div class="t-space-item"><i style="color:orange" class="t-icon t-icon-tangerinr"></i></div><div class="t-space-item"><i style="color:green" class="t-icon t-icon-bamboo-shoot"></i></div><div class="t-space-item"><i style="color:red" class="t-icon t-icon-apple"></i></div><div class="t-space-item"><i style="color:#0052D9" class="t-icon t-icon-milk"></i></div><div class="t-space-item"><i style="color:pink" class="t-icon t-icon-peach"></i></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How much icons does TDesign Icon includes?</p></div><div class="t-space-item"><i style="color:var(--td-brand-color-5)" class="t-icon t-icon-numbers-1"></i></div><div class="t-space-item"><i style="color:var(--td-brand-color-6)" class="t-icon t-icon-numbers-2"></i></div><div class="t-space-item"><i style="color:var(--td-brand-color-7)" class="t-icon t-icon-numbers-0"></i></div><div class="t-space-item"><i style="color:var(--td-brand-color-8)" class="t-icon t-icon-numbers-3"></i></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/icon/_example/IconFontExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How do you feel today?</p></div><div class="t-space-item"><i class="t-icon t-icon-sneer"></i></div><div class="t-space-item"><i class="t-icon t-icon-unhappy"></i></div><div class="t-space-item"><i class="t-icon t-icon-excited"></i></div><div class="t-space-item"><i class="t-icon t-icon-surprised"></i></div><div class="t-space-item"><i class="t-icon t-icon-giggle"></i></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal t-space--break-line"><div class="t-space-item"><p>What is your favourite food?</p></div><div class="t-space-item"><i style="color:orange" class="t-icon t-icon-tangerinr"></i></div><div class="t-space-item"><i style="color:green" class="t-icon t-icon-bamboo-shoot"></i></div><div class="t-space-item"><i style="color:red" class="t-icon t-icon-apple"></i></div><div class="t-space-item"><i style="color:#0052D9" class="t-icon t-icon-milk"></i></div><div class="t-space-item"><i style="color:pink" class="t-icon t-icon-peach"></i></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How much icons does TDesign Icon includes?</p></div><div class="t-space-item"><i style="color:var(--td-brand-color-5)" class="t-icon t-icon-numbers-1"></i></div><div class="t-space-item"><i style="color:var(--td-brand-color-6)" class="t-icon t-icon-numbers-2"></i></div><div class="t-space-item"><i style="color:var(--td-brand-color-7)" class="t-icon t-icon-numbers-0"></i></div><div class="t-space-item"><i style="color:var(--td-brand-color-8)" class="t-icon t-icon-numbers-3"></i></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/icon/_example/IconSelect.tsx 1`] = `"<div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg class="t-icon t-icon-edit-1" style="margin-right:8px"><use xlink:href="#t-icon-edit-1"></use></svg></span><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/icon/_example/IconSelect.tsx 1`] = `"<div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg class="t-icon t-icon-edit-1" style="margin-right:8px"><use xlink:href="#t-icon-edit-1"></use></svg></span><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/icon/_example/SvgSpriteExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How do you feel today?</p></div><div class="t-space-item"><svg class="t-icon t-icon-sneer"><use xlink:href="#t-icon-sneer"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-unhappy"><use xlink:href="#t-icon-unhappy"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-excited"><use xlink:href="#t-icon-excited"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-surprised"><use xlink:href="#t-icon-surprised"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-giggle"><use xlink:href="#t-icon-giggle"></use></svg></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal t-space--break-line"><div class="t-space-item"><p>What is your favourite food?</p></div><div class="t-space-item"><svg class="t-icon t-icon-tangerinr" color="orange"><use xlink:href="#t-icon-tangerinr"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-bamboo-shoot" color="green"><use xlink:href="#t-icon-bamboo-shoot"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-apple" color="red"><use xlink:href="#t-icon-apple"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-milk" color="#0052D9"><use xlink:href="#t-icon-milk"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-peach" color="pink"><use xlink:href="#t-icon-peach"></use></svg></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How much icons does TDesign Icon includes?</p></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-1" style="color:var(--td-brand-color-5)"><use xlink:href="#t-icon-numbers-1"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-2" style="color:var(--td-brand-color-6)"><use xlink:href="#t-icon-numbers-2"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-0" style="color:var(--td-brand-color-7)"><use xlink:href="#t-icon-numbers-0"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-3" style="color:var(--td-brand-color-8)"><use xlink:href="#t-icon-numbers-3"></use></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/icon/_example/SvgSpriteExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How do you feel today?</p></div><div class="t-space-item"><svg class="t-icon t-icon-sneer"><use xlink:href="#t-icon-sneer"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-unhappy"><use xlink:href="#t-icon-unhappy"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-excited"><use xlink:href="#t-icon-excited"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-surprised"><use xlink:href="#t-icon-surprised"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-giggle"><use xlink:href="#t-icon-giggle"></use></svg></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal t-space--break-line"><div class="t-space-item"><p>What is your favourite food?</p></div><div class="t-space-item"><svg class="t-icon t-icon-tangerinr" color="orange"><use xlink:href="#t-icon-tangerinr"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-bamboo-shoot" color="green"><use xlink:href="#t-icon-bamboo-shoot"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-apple" color="red"><use xlink:href="#t-icon-apple"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-milk" color="#0052D9"><use xlink:href="#t-icon-milk"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-peach" color="pink"><use xlink:href="#t-icon-peach"></use></svg></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><p>How much icons does TDesign Icon includes?</p></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-1" style="color:var(--td-brand-color-5)"><use xlink:href="#t-icon-numbers-1"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-2" style="color:var(--td-brand-color-6)"><use xlink:href="#t-icon-numbers-2"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-0" style="color:var(--td-brand-color-7)"><use xlink:href="#t-icon-numbers-0"></use></svg></div><div class="t-space-item"><svg class="t-icon t-icon-numbers-3" style="color:var(--td-brand-color-8)"><use xlink:href="#t-icon-numbers-3"></use></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/avif.tsx 1`] = `"<div class="t-image__wrapper t-image__wrapper--shape-square" style="max-width:100%"><picture><source type="image/avif" srcSet="https://tdesign.gtimg.com/img/tdesign-image.avif"/><source type="image/webp" srcSet="https://tdesign.gtimg.com/img/tdesign-image.webp"/><img src="https://tdesign.gtimg.com/img/tdesign-image.avif" class="t-image t-image--fit-scale-down t-image--position-center"/></picture><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/avif.tsx 1`] = `"<div class="t-image__wrapper t-image__wrapper--shape-square" style="max-width:100%"><picture><source type="image/avif" srcSet="https://tdesign.gtimg.com/img/tdesign-image.avif"/><source type="image/webp" srcSet="https://tdesign.gtimg.com/img/tdesign-image.webp"/><img src="https://tdesign.gtimg.com/img/tdesign-image.avif" class="t-image t-image--fit-scale-down t-image--position-center"/></picture><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/extra-always.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong style="font-size:20px">有遮罩</strong></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content"><div style="background:rgba(0,0,0,.4);height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:22"><div class="t-tag t-tag--warning t-tag--dark t-tag--mark" style="border-radius:3px;background:transparent;color:#fff"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-print" style="font-size:16px"><path fill="currentColor" d="M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z"></path></svg> 高清</span></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong style="font-size:20px">无遮罩</strong></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content"><div class="t-tag t-tag--warning t-tag--dark t-tag--mark" style="position:absolute;right:8px;bottom:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-print" style="font-size:16px"><path fill="currentColor" d="M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z"></path></svg> 高清</span></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/extra-always.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong style="font-size:20px">有遮罩</strong></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content"><div style="background:rgba(0,0,0,.4);height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:22"><div class="t-tag t-tag--warning t-tag--dark t-tag--mark" style="border-radius:3px;background:transparent;color:#fff"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-print" style="font-size:16px"><path fill="currentColor" d="M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z"></path></svg> 高清</span></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong style="font-size:20px">无遮罩</strong></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content"><div class="t-tag t-tag--warning t-tag--dark t-tag--mark" style="position:absolute;right:8px;bottom:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-print" style="font-size:16px"><path fill="currentColor" d="M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z"></path></svg> 高清</span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/extra-hover.tsx 1`] = `"<div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.4);color:#fff;height:100%;display:flex;align-items:center;justify-content:center">预览</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/extra-hover.tsx 1`] = `"<div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.4);color:#fff;height:100%;display:flex;align-items:center;justify-content:center">预览</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/fill-mode.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">fill</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-none t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">none</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-scale-down t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">scale-down</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/fill-mode.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">fill</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-none t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">none</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="" class="t-image t-image--fit-scale-down t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">scale-down</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/fill-position.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover center</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-left"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover left</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-right"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover right</div></div></div></div></div><div class="t-space-item"><div style="margin-top:20px;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-top"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover top</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-bottom"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover bottom</div></div></div></div></div><div class="t-space-item"><div style="margin-top:20px;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:200px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-top"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain top</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:200px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-bottom"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain bottom</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:200px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain center</div></div></div><div class="t-space-item"><div style="margin-top:20px;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-left"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain left</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-right"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain right</div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/fill-position.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover center</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-left"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover left</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-right"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover right</div></div></div></div></div><div class="t-space-item"><div style="margin-top:20px;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-top"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover top</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-bottom"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">cover bottom</div></div></div></div></div><div class="t-space-item"><div style="margin-top:20px;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:200px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-top"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain top</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:200px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-bottom"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain bottom</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:120px;height:200px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain center</div></div></div><div class="t-space-item"><div style="margin-top:20px;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-left"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain left</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-start t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:280px;height:120px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-right"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">contain right</div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/gallery-cover.tsx 1`] = `"<div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--gallery" style="width:284px;height:160px"><div class="t-image__gallery-shadow"></div><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content"><div class="t-tag t-tag--warning t-tag--dark t-tag--mark" style="margin:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)"><span title="标签一">标签一</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/gallery-cover.tsx 1`] = `"<div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--gallery" style="width:284px;height:160px"><div class="t-image__gallery-shadow"></div><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content"><div class="t-tag t-tag--warning t-tag--dark t-tag--mark" style="margin:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)"><span title="标签一">标签一</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/lazy-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="height:240px;overflow-y:scroll;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/lazy-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="height:240px;overflow-y:scroll;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:230px;height:120px"></div></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/lazy-single.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><div class="t-image__placeholder"><img width="100%" height="100%" src="https://tdesign.gtimg.com/demo/demo-image-5.png"/></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/lazy-single.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><div class="t-image__placeholder"><img width="100%" height="100%" src="https://tdesign.gtimg.com/demo/demo-image-5.png"/></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/placeholder.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div><h3 style="margin-bottom:15px">加载中的图片</h3><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">默认占位</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 loading</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">自定义占位</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image-error" style="font-size:24px"><path fill="currentColor" d="M2 2h20v10h-2V4H4v9.59l5-5L14.41 14 13 15.41l-4-4-5 5V20h8v2H2V2zm13.55 5a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0zm3.62 6.76L19 17.59l2.83-2.83 1.41 1.41L20.41 19l2.83 2.83-1.41 1.41L19 20.41l-2.83 2.83-1.41-1.41L17.59 19l-2.83-2.83 1.41-1.41z"></path></svg></div></div></div></div></div></div></div></div><div class="t-space-item"><div><h3 style="margin-bottom:15px">加载失败的图片</h3><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">默认错误</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="error url" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 error</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">自定义错误</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="error url" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/placeholder.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div><h3 style="margin-bottom:15px">加载中的图片</h3><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">默认占位</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 loading</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">自定义占位</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image-error" style="font-size:24px"><path fill="currentColor" d="M2 2h20v10h-2V4H4v9.59l5-5L14.41 14 13 15.41l-4-4-5 5V20h8v2H2V2zm13.55 5a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0zm3.62 6.76L19 17.59l2.83-2.83 1.41 1.41L20.41 19l2.83 2.83-1.41 1.41L19 20.41l-2.83 2.83-1.41-1.41L17.59 19l-2.83-2.83 1.41-1.41z"></path></svg></div></div></div></div></div></div></div></div><div class="t-space-item"><div><h3 style="margin-bottom:15px">加载失败的图片</h3><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">默认错误</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="error url" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh"><path fill="currentColor" d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"></path></svg><span class="t-button__text">重演 error</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item">自定义错误</div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:284px;height:160px"><img src="error url" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:160px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">square</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-round" style="width:160px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">round</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-circle" style="width:160px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">circle</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:160px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">square</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-round" style="width:160px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">round</div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-circle" style="width:160px;height:160px"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-cover t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div></div><div class="t-space-item">circle</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/album.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:240px;height:240px;background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div><div style="width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);box-sizing:border-box;z-index:1"><span>相册封面标题</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/album.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:240px;height:240px;background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div><div style="width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);box-sizing:border-box;z-index:1"><span>相册封面标题</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/albumIcons.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:240px;height:240px;background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div><div style="width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);display:flex;box-sizing:border-box;z-index:1"><span style="flex:1">相册封面标题</span><span style="cursor:pointer"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="font-size:16px"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/albumIcons.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:240px;height:240px;background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div><div style="width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);display:flex;box-sizing:border-box;z-index:1"><span style="flex:1">相册封面标题</span><span style="cursor:pointer"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="font-size:16px"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/block.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/block.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/button.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">预览单张图片</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/button.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">预览单张图片</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/error.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-error1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-error2.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-error3.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/error.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-error1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-error2.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-error3.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/modeless.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/modeless.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/multiple.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-3.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/multiple.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-3.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/svg.tsx 1`] = `"<div><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/tdesign-logo.svg" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/image-viewer/_example/svg.tsx 1`] = `"<div><div class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover" style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff"><img src="https://tdesign.gtimg.com/demo/tdesign-logo.svg" class="t-image t-image--fit-contain t-image--position-center" alt="test"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div><div class="t-image__overlay-content t-image__overlay-content--hidden"><div style="background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="font-size:16px" name="browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg> 预览</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/addon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入域名" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入域名" type="text" class="t-input__inner" value=""/></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">.com</span></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/addon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入域名" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入域名" type="text" class="t-input__inner" value=""/></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">.com</span></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/align.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="居左对齐"/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" value="居中对齐"/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-right"><input placeholder="please enter" type="text" class="t-input__inner" value="居右对齐"/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/align.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="居左对齐"/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" value="居中对齐"/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-right"><input placeholder="please enter" type="text" class="t-input__inner" value="居右对齐"/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/auto-width.tsx 1`] = `"<div style="max-width:500px"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="宽度自适应"/><span class="t-input__input-pre">宽度自适应</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/auto-width.tsx 1`] = `"<div style="max-width:500px"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="宽度自适应"/><span class="t-input__input-pre">宽度自适应</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/base.tsx 1`] = `"<div style="width:500px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容（无默认值）" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="Welcome to TDesign" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容（有默认值）" type="text" class="t-input__inner" value="Welcome to TDesign"/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/base.tsx 1`] = `"<div style="width:500px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容（无默认值）" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="Welcome to TDesign" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容（有默认值）" type="text" class="t-input__inner" value="Welcome to TDesign"/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/borderless.tsx 1`] = `"<div style="width:500px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please input" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--borderless"><input placeholder="borderless input" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/borderless.tsx 1`] = `"<div style="width:500px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please input" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--borderless"><input placeholder="borderless input" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/clearable.tsx 1`] = `"<div class="t-input__wrap" value="Hello TDesign" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="Hello TDesign"/></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/clearable.tsx 1`] = `"<div class="t-input__wrap" value="Hello TDesign" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value="Hello TDesign"/></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/disabled.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" disabled="" value="禁用状态"/></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/disabled.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" disabled="" value="禁用状态"/></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/format.tsx 1`] = `"<div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入数字" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--default">请输入数字</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/format.tsx 1`] = `"<div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入数字" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--default">请输入数字</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-group t-input-group--separate"><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="0731"/></div></div><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="12345677"/></div></div></div></div><div class="t-space-item"><div class="t-input-group t-input-group--separate"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-group t-input-group--separate"><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="0731"/></div></div><span style="line-height:32px"> - </span><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="12345"/></div></div><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="678901"/></div></div><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-group t-input-group--separate"><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="0731"/></div></div><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="12345677"/></div></div></div></div><div class="t-space-item"><div class="t-input-group t-input-group--separate"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-group t-input-group--separate"><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="0731"/></div></div><span style="line-height:32px"> - </span><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="12345"/></div></div><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="678901"/></div></div><div style="width:100px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/max-length-count.tsx 1`] = `"<div style="width:500px;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="内置字数限制，最大文本长度为10" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><div class="t-input__limit-number">0/10</div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="内置字数限制，最大字符数量限制，一个中文字等于两个字符" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><div class="t-input__limit-number">0/10</div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="内置字数限制，字数超出时允许继续输入" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><div class="t-input__limit-number">0/5</div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="自定义字数限制文本" type="text" class="t-input__inner" value=""/><div class="t-input__suffix">0/5</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/max-length-count.tsx 1`] = `"<div style="width:500px;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="内置字数限制，最大文本长度为10" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><div class="t-input__limit-number">0/10</div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="内置字数限制，最大字符数量限制，一个中文字等于两个字符" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><div class="t-input__limit-number">0/10</div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="内置字数限制，字数超出时允许继续输入" type="text" class="t-input__inner" value=""/><div class="t-input__suffix"><div class="t-input__limit-number">0/5</div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="自定义字数限制文本" type="text" class="t-input__inner" value=""/><div class="t-input__suffix">0/5</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/password.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span><input placeholder="请输入" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span><input placeholder="请输入" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/password.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span><input placeholder="请输入" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></span><input placeholder="请输入" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/size.tsx 1`] = `"<div style="width:500px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-size-l t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/size.tsx 1`] = `"<div style="width:500px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-size-l t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/status.tsx 1`] = `"<div style="gap:50px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:28px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="禁用状态" type="text" class="t-input__inner" disabled="" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="只读状态" type="text" class="t-input__inner" readonly="" value=""/></div></div></div></div></div><div class="t-space-item"><div style="gap:28px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-success"><input placeholder="成功状态" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning"><input placeholder="警告状态" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-error"><input placeholder="错误状态" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div style="gap:28px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="普通状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--default">这是普通文本提示</div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-success"><input placeholder="成功状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning"><input placeholder="警告状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-error"><input placeholder="错误状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/status.tsx 1`] = `"<div style="gap:50px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:28px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="禁用状态" type="text" class="t-input__inner" disabled="" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="只读状态" type="text" class="t-input__inner" readonly="" value=""/></div></div></div></div></div><div class="t-space-item"><div style="gap:28px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-success"><input placeholder="成功状态" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning"><input placeholder="警告状态" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-error"><input placeholder="错误状态" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div style="gap:28px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="普通状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--default">这是普通文本提示</div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-success"><input placeholder="成功状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning"><input placeholder="警告状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div><div class="t-space-item"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-is-error"><input placeholder="错误状态" type="text" class="t-input__inner" value=""/></div><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/textarea.tsx 1`] = `"<div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input/_example/textarea.tsx 1`] = `"<div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-adornment/_example/select.tsx 1`] = `"<div style="gap:16px" class="t-space adornment-select t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-input-adornment__append"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><span class="t-input-adornment__append"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-adornment/_example/select.tsx 1`] = `"<div style="gap:16px" class="t-space adornment-select t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-input-adornment__append"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><span class="t-input-adornment__append"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-adornment/_example/text.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"></div><input placeholder="please enter" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">please enter</span></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">.com</span></span></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">.com</span></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-adornment/_example/text.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"></div><input placeholder="please enter" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">please enter</span></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">.com</span></span></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">http://</span></span><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">.com</span></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/align.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/align.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/auto-width.tsx 1`] = `"<div class="t-input-number t-size-m t-input-number--row t-input-number--auto-width"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">please enter</span></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/auto-width.tsx 1`] = `"<div class="t-input-number t-size-m t-input-number--row t-input-number--auto-width"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">please enter</span></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/center.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row t-input-number--auto-width"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">please enter</span></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:250px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><div class="t-input__suffix">个</div></div></div><button type="button" class="t-input-number__increase t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/center.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row t-input-number--auto-width"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">please enter</span></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:250px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><div class="t-input__suffix">个</div></div></div><button type="button" class="t-input-number__increase t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/default.tsx 1`] = `"<div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/default.tsx 1`] = `"<div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/format.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:250px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:250px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/format.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:250px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:250px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/large-number.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:350px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:350px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/large-number.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:350px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row" style="width:350px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/left.tsx 1`] = `"<div class="t-input-number t-size-m t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-m"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-m"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/left.tsx 1`] = `"<div class="t-input-number t-size-m t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-m"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-m"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/normal.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right t-input--prefix t-input--suffix"><div class="t-input__prefix">机器：</div><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><div class="t-input__suffix">台</div></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right t-input--prefix t-input--suffix"><div class="t-input__prefix"><span>金额：</span></div><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><div class="t-input__suffix"><span>元</span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/normal.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right t-input--prefix t-input--suffix"><div class="t-input__prefix">机器：</div><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><div class="t-input__suffix">台</div></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right t-input--prefix t-input--suffix"><div class="t-input__prefix"><span>金额：</span></div><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/><div class="t-input__suffix"><span>元</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-s t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-s"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-s"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-l t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-l"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-l"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-s t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-s"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-s"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-m"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-m"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-l t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-l"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-l"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-l t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-s t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-s"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-s"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-l t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-l"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-l"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-s t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-s"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-s"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-m"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-m"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div></div><div class="t-space-item"><div class="t-input-number t-size-l t-is-controls-right t-input-number--column"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down t-size-l"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up t-size-l"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-number t-size-s t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-m t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div><div class="t-space-item"><div class="t-input-number t-size-l t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;hide&#x27;" value="hide"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">隐藏文本提示</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;align-left&#x27;" value="align-left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">文本提示左对齐</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;align-input&#x27;" checked="" value="align-input"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">文本提示对齐输入框</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>正常提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--default">这是普通文本提示</div></div></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>成功提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-success"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>警告提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-warning"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>错误提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-error"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;hide&#x27;" value="hide"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">隐藏文本提示</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;align-left&#x27;" value="align-left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">文本提示左对齐</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;align-input&#x27;" checked="" value="align-input"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">文本提示对齐输入框</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>正常提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--default">这是普通文本提示</div></div></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>成功提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-success"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>警告提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-warning"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>错误提示</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-input-number--row" style="width:300px"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-error"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input-number/_example/step.tsx 1`] = `"<div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/input-number/_example/step.tsx 1`] = `"<div class="t-input-number t-size-m t-input-number--row"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/layout/_example/aside.tsx 1`] = `"<h4>侧边导航布局</h4><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px"><div class="t-default-menu" style="width:100%;height:100%;box-shadow:none"><div class="t-default-menu__inner"><div class="t-menu__logo"><img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容一</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容二</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容三</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容四</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容无</span></li></ul></div></div></aside><div class="t-layout"><main class="t-layout__content"><div>Content</div></main><footer class="t-layout__footer">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/layout/_example/aside.tsx 1`] = `"<h4>侧边导航布局</h4><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px"><div class="t-default-menu" style="width:100%;height:100%;box-shadow:none"><div class="t-default-menu__inner"><div class="t-menu__logo"><img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容一</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容二</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容三</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容四</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">侧边内容无</span></li></ul></div></div></aside><div class="t-layout"><main class="t-layout__content"><div>Content</div></main><footer class="t-layout__footer">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/layout/_example/base.tsx 1`] = `"<h4>顶部导航布局</h4><div class="t-layout"><header class="t-layout__header">Header</header><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><br/><h4>侧边导航布局</h4><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px">Aside</aside><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div><br/><h4>组合导航布局</h4><div class="t-layout"><header class="t-layout__header">Header</header><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px">Aside</aside><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div><br/><div class="t-layout"><header class="t-layout__header">Header</header><div class="t-layout t-layout--with-sider"><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px">Aside</aside></div></div><br/><div class="t-layout"><header class="t-layout__header">Header</header><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:80px;max-width:80px;min-width:80px;flex:0 0 80px">Aside</aside><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/layout/_example/base.tsx 1`] = `"<h4>顶部导航布局</h4><div class="t-layout"><header class="t-layout__header">Header</header><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><br/><h4>侧边导航布局</h4><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px">Aside</aside><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div><br/><h4>组合导航布局</h4><div class="t-layout"><header class="t-layout__header">Header</header><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px">Aside</aside><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div><br/><div class="t-layout"><header class="t-layout__header">Header</header><div class="t-layout t-layout--with-sider"><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px">Aside</aside></div></div><br/><div class="t-layout"><header class="t-layout__header">Header</header><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:80px;max-width:80px;min-width:80px;flex:0 0 80px">Aside</aside><div class="t-layout"><main class="t-layout__content">Content</main><footer class="t-layout__footer">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/layout/_example/combine.tsx 1`] = `"<div class="tdesign-demo-item--layout"><div class="t-layout"><header class="t-layout__header"><div class="t-head-menu t-menu--light"><div class="t-head-menu__inner"><div class="t-menu__logo"><img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content">已选内容</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容一</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容二</span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">菜单内容三</span></li></ul><div class="t-menu__operations"><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search t-menu__operations-icon"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon"><path fill="currentColor" d="M8.64 20.5a3.5 3.5 0 006.72 0H8.64zM3 19.5h18v-3l-2-3v-5a7 7 0 10-14 0v5l-2 3v3z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon"><path fill="currentColor" d="M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z"></path></svg></div></div></div></div></header><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px;border-top:1px solid var(--component-border)"><div class="t-default-menu" style="width:232px;margin-right:50px;height:550px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-dashboard"><path fill="currentColor" d="M12 3a9 9 0 00-4.5 16.8l.87.5-1 1.73-.87-.5a11 11 0 018.95-19.98l.95.31-.63 1.9-.95-.3A9 9 0 0012 3zm8.98 1.41l-5.54 5.55a4 4 0 11-1.42-1.4l5.55-5.56 1.41 1.41zm1.16 3.2l.3.94a11 11 0 01-4.94 12.98l-.86.5-1-1.73.86-.5a9 9 0 004.05-10.62l-.31-.95 1.9-.63zM12 10a2 2 0 100 4 2 2 0 000-4z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-server"><path fill="currentColor" d="M22 13v9H2v-9h20zm-2 2H4v5h16v-5zm2-13v9H2V2h20zm-2 2H4v5h16V4zM7.5 16.5v2h-2v-2h2zm0-11v2h-2v-2h2z"></path></svg><span class="t-menu__content">资源列表</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-root-list"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm2 3.5h12v2H6v-2zm0 4h8v2H6v-2z"></path></svg>根目录</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg><span class="t-menu__content">调度平台</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-precise-monitor"><path fill="currentColor" d="M13 2v6h-2V2h2zm-9 .59L9.91 8.5 8.5 9.91 2.59 4 4 2.59zM21.41 4L15.5 9.91 14.09 8.5 20 2.59 21.41 4zm-11.14 7a2 2 0 110 2H2v-2h8.27zM16 11h6v2h-6v-2zm-6.09 4.5L4 21.41 2.59 20l5.91-5.91 1.41 1.41zm5.59-1.41L21.41 20 20 21.41l-5.91-5.91 1.41-1.41zM13 16v6h-2v-6h2z"></path></svg><span class="t-menu__content">精准监控</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content">消息区</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-circle"><path fill="currentColor" d="M12 3a9 9 0 00-7.23 14.37A5 5 0 019.5 14h5a5 5 0 014.73 3.37A9 9 0 0012 3zm5.5 16.12V19a3 3 0 00-3-3h-5a3 3 0 00-3 3v.12a8.96 8.96 0 0011 0zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm11-6a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 8.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0z"></path></svg><span class="t-menu__content">个人中心</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-play-circle"><path fill="currentColor" d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0z"></path><path fill="currentColor" d="M18.25 12L8.5 17.63V6.37L18.25 12z"></path></svg><span class="t-menu__content">视频区</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg><span class="t-menu__content">资源编辑</span></li></ul></div></div></aside><div class="t-layout"><main class="t-layout__content"><div>Content</div></main><footer class="t-layout__footer">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/layout/_example/combine.tsx 1`] = `"<div class="tdesign-demo-item--layout"><div class="t-layout"><header class="t-layout__header"><div class="t-head-menu t-menu--light"><div class="t-head-menu__inner"><div class="t-menu__logo"><img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content">已选内容</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容一</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容二</span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">菜单内容三</span></li></ul><div class="t-menu__operations"><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search t-menu__operations-icon"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon"><path fill="currentColor" d="M8.64 20.5a3.5 3.5 0 006.72 0H8.64zM3 19.5h18v-3l-2-3v-5a7 7 0 10-14 0v5l-2 3v3z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon"><path fill="currentColor" d="M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z"></path></svg></div></div></div></div></header><div class="t-layout t-layout--with-sider"><aside class="t-layout__sider" style="width:232px;max-width:232px;min-width:232px;flex:0 0 232px;border-top:1px solid var(--component-border)"><div class="t-default-menu" style="width:232px;margin-right:50px;height:550px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-dashboard"><path fill="currentColor" d="M12 3a9 9 0 00-4.5 16.8l.87.5-1 1.73-.87-.5a11 11 0 018.95-19.98l.95.31-.63 1.9-.95-.3A9 9 0 0012 3zm8.98 1.41l-5.54 5.55a4 4 0 11-1.42-1.4l5.55-5.56 1.41 1.41zm1.16 3.2l.3.94a11 11 0 01-4.94 12.98l-.86.5-1-1.73.86-.5a9 9 0 004.05-10.62l-.31-.95 1.9-.63zM12 10a2 2 0 100 4 2 2 0 000-4z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-server"><path fill="currentColor" d="M22 13v9H2v-9h20zm-2 2H4v5h16v-5zm2-13v9H2V2h20zm-2 2H4v5h16V4zM7.5 16.5v2h-2v-2h2zm0-11v2h-2v-2h2z"></path></svg><span class="t-menu__content">资源列表</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-root-list"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm2 3.5h12v2H6v-2zm0 4h8v2H6v-2z"></path></svg>根目录</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg><span class="t-menu__content">调度平台</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-precise-monitor"><path fill="currentColor" d="M13 2v6h-2V2h2zm-9 .59L9.91 8.5 8.5 9.91 2.59 4 4 2.59zM21.41 4L15.5 9.91 14.09 8.5 20 2.59 21.41 4zm-11.14 7a2 2 0 110 2H2v-2h8.27zM16 11h6v2h-6v-2zm-6.09 4.5L4 21.41 2.59 20l5.91-5.91 1.41 1.41zm5.59-1.41L21.41 20 20 21.41l-5.91-5.91 1.41-1.41zM13 16v6h-2v-6h2z"></path></svg><span class="t-menu__content">精准监控</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content">消息区</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-circle"><path fill="currentColor" d="M12 3a9 9 0 00-7.23 14.37A5 5 0 019.5 14h5a5 5 0 014.73 3.37A9 9 0 0012 3zm5.5 16.12V19a3 3 0 00-3-3h-5a3 3 0 00-3 3v.12a8.96 8.96 0 0011 0zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm11-6a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 8.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0z"></path></svg><span class="t-menu__content">个人中心</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-play-circle"><path fill="currentColor" d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0z"></path><path fill="currentColor" d="M18.25 12L8.5 17.63V6.37L18.25 12z"></path></svg><span class="t-menu__content">视频区</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg><span class="t-menu__content">资源编辑</span></li></ul></div></div></aside><div class="t-layout"><main class="t-layout__content"><div>Content</div></main><footer class="t-layout__footer">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/layout/_example/top.tsx 1`] = `"<div class="t-layout"><header class="t-layout__header"><div class="t-head-menu t-menu--light"><div class="t-head-menu__inner"><div class="t-menu__logo"><img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content">已选内容</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容一</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容二</span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">菜单内容三</span></li></ul><div class="t-menu__operations"><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search t-menu__operations-icon"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon"><path fill="currentColor" d="M8.64 20.5a3.5 3.5 0 006.72 0H8.64zM3 19.5h18v-3l-2-3v-5a7 7 0 10-14 0v5l-2 3v3z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon"><path fill="currentColor" d="M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z"></path></svg></div></div></div></div></header><main class="t-layout__content"><div>Content</div></main><footer class="t-layout__footer">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/layout/_example/top.tsx 1`] = `"<div class="t-layout"><header class="t-layout__header"><div class="t-head-menu t-menu--light"><div class="t-head-menu__inner"><div class="t-menu__logo"><img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content">已选内容</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容一</span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">菜单内容二</span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">菜单内容三</span></li></ul><div class="t-menu__operations"><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search t-menu__operations-icon"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon"><path fill="currentColor" d="M8.64 20.5a3.5 3.5 0 006.72 0H8.64zM3 19.5h18v-3l-2-3v-5a7 7 0 10-14 0v5l-2 3v3z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon"><path fill="currentColor" d="M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z"></path></svg></div></div></div></div></header><main class="t-layout__content"><div>Content</div></main><footer class="t-layout__footer">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div>"`;
 
-exports[`ssr snapshot test > ssr test src/link/_example/base.tsx 1`] = `"<a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a>"`;
+exports[`ssr snapshot test > ssr test packages/web/link/_example/base.tsx 1`] = `"<a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a>"`;
 
-exports[`ssr snapshot test > ssr test src/link/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-is-disabled">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-is-disabled t-is-underline">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-is-disabled">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-disabled">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-is-disabled">查看链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/link/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-is-disabled">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-is-disabled t-is-underline">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-is-disabled">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-disabled">查看链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-is-disabled">查看链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/link/_example/hover.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-underline">跳转链接</a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-color">跳转链接</a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-is-underline t-link--hover-color">跳转链接</a></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/link/_example/hover.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-underline">跳转链接</a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-color">跳转链接</a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-underline t-link--hover-color">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-is-underline t-link--hover-color">跳转链接</a></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/link/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-link"><path fill="currentColor" d="M13.3 3.96a4.77 4.77 0 116.74 6.75l-3.03 3.03-1.41-1.42 3.03-3.03a2.77 2.77 0 10-3.92-3.92L11.68 8.4 10.26 7l3.03-3.03zM15.4 10L10 15.41 8.58 14 14 8.59 15.4 10zm-7 1.68L5.36 14.7a2.77 2.77 0 103.92 3.92l3.03-3.03L13.74 17l-3.03 3.03a4.77 4.77 0 11-6.75-6.75l3.03-3.03 1.41 1.42z"></path></svg></span>跳转链接</a></div><div class="t-space-item"><a target="_self" href="https://tdesign.tencent.com/" class="t-link t-link--theme-primary t-is-underline t-link--hover-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-link"><path fill="currentColor" d="M13.3 3.96a4.77 4.77 0 116.74 6.75l-3.03 3.03-1.41-1.42 3.03-3.03a2.77 2.77 0 10-3.92-3.92L11.68 8.4 10.26 7l3.03-3.03zM15.4 10L10 15.41 8.58 14 14 8.59 15.4 10zm-7 1.68L5.36 14.7a2.77 2.77 0 103.92 3.92l3.03-3.03L13.74 17l-3.03 3.03a4.77 4.77 0 11-6.75-6.75l3.03-3.03 1.41 1.42z"></path></svg></span>跳转链接</a></div><div class="t-space-item"><a target="_self" href="https://tdesign.tencent.com/" class="t-link t-link--theme-danger t-is-underline t-link--hover-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span>跳转链接</a></div><div class="t-space-item"><a target="_self" class="t-link t-link--theme-warning t-is-disabled t-is-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span>跳转链接</a></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/link/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-link"><path fill="currentColor" d="M13.3 3.96a4.77 4.77 0 116.74 6.75l-3.03 3.03-1.41-1.42 3.03-3.03a2.77 2.77 0 10-3.92-3.92L11.68 8.4 10.26 7l3.03-3.03zM15.4 10L10 15.41 8.58 14 14 8.59 15.4 10zm-7 1.68L5.36 14.7a2.77 2.77 0 103.92 3.92l3.03-3.03L13.74 17l-3.03 3.03a4.77 4.77 0 11-6.75-6.75l3.03-3.03 1.41 1.42z"></path></svg></span>跳转链接</a></div><div class="t-space-item"><a target="_self" href="https://tdesign.tencent.com/" class="t-link t-link--theme-primary t-is-underline t-link--hover-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-link"><path fill="currentColor" d="M13.3 3.96a4.77 4.77 0 116.74 6.75l-3.03 3.03-1.41-1.42 3.03-3.03a2.77 2.77 0 10-3.92-3.92L11.68 8.4 10.26 7l3.03-3.03zM15.4 10L10 15.41 8.58 14 14 8.59 15.4 10zm-7 1.68L5.36 14.7a2.77 2.77 0 103.92 3.92l3.03-3.03L13.74 17l-3.03 3.03a4.77 4.77 0 11-6.75-6.75l3.03-3.03 1.41 1.42z"></path></svg></span>跳转链接</a></div><div class="t-space-item"><a target="_self" href="https://tdesign.tencent.com/" class="t-link t-link--theme-danger t-is-underline t-link--hover-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span>跳转链接</a></div><div class="t-space-item"><a target="_self" class="t-link t-link--theme-warning t-is-disabled t-is-underline"><span class="t-link__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span>跳转链接</a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/link/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-size-s t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-size-s t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-size-s t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-size-s t-is-disabled">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-size-s t-link--hover-underline">跳转链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-disabled">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-underline">跳转链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-size-l t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-size-l t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-size-l t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-size-l t-is-disabled">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-size-l t-link--hover-underline">跳转链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/link/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-size-s t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-size-s t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-size-s t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-size-s t-is-disabled">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-size-s t-link--hover-underline">跳转链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-disabled">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-underline">跳转链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-size-l t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-size-l t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-size-l t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-size-l t-is-disabled">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-size-l t-link--hover-underline">跳转链接<span class="t-link__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-jump"><path fill="currentColor" d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"></path></svg></span></a></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/link/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-underline">跳转链接</a></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/link/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-link--hover-underline">跳转链接</a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/link/_example/underline.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-is-underline t-link--hover-underline">跳转链接</a></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/link/_example/underline.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-default t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-danger t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-warning t-is-underline t-link--hover-underline">跳转链接</a></div><div class="t-space-item"><a class="t-link t-link--theme-success t-is-underline t-link--hover-underline">跳转链接</a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/asyncLoading.tsx 1`] = `"<div class="t-radio-group t-size-l t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;load-more&#x27;" value="load-more"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载更多</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading&#x27;" value="loading"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载中</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading-custom&#x27;" value="loading-custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义加载更多</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;&#x27;" value=""/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载完成</span></label></div><div style="margin-bottom:16px"></div><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/asyncLoading.tsx 1`] = `"<div class="t-radio-group t-size-l t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;load-more&#x27;" value="load-more"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载更多</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading&#x27;" value="loading"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载中</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading-custom&#x27;" value="loading-custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义加载更多</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;&#x27;" value=""/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载完成</span></label></div><div style="margin-bottom:16px"></div><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/base.tsx 1`] = `"<div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容的描述性文字<ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li><li class="t-list-item"><div class="t-list-item-main">列表内容的描述性文字<ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/base.tsx 1`] = `"<div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容的描述性文字<ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li><li class="t-list-item"><div class="t-list-item-main">列表内容的描述性文字<ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/header-footer.tsx 1`] = `"<div class="t-list"><div class="t-list__header">这里是 Header</div><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul><div class="t-list__footer">这里是 Footer</div></div><div style="margin-bottom:16px"></div><div class="t-list"><div class="t-list__header"><p>通过 TNode 插入的 Header</p></div><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul><div class="t-list__footer"><p>通过 TNode 插入的 Footer</p></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/header-footer.tsx 1`] = `"<div class="t-list"><div class="t-list__header">这里是 Header</div><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul><div class="t-list__footer">这里是 Footer</div></div><div style="margin-bottom:16px"></div><div class="t-list"><div class="t-list__header"><p>通过 TNode 插入的 Header</p></div><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul><div class="t-list__footer"><p>通过 TNode 插入的 Footer</p></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/image-text.tsx 1`] = `"<div class="t-list t-size-s"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/image-text.tsx 1`] = `"<div class="t-list t-size-s"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/list-icon.png" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/multiline.tsx 1`] = `"<div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/multiline.tsx 1`] = `"<div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容列表内容</p></div></div></div></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/operation.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li></ul></div></div><div class="t-space-item"><div class="t-list t-list--split"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit"><path fill="currentColor" d="M15.75 2.95a2 2 0 012.83 0l2.47 2.47a2 2 0 010 2.83l-11.9 11.9-6.37 1.07 1.07-6.38 11.9-11.9zM15.52 6l2.47 2.48 1.65-1.64-2.48-2.48L15.52 6zm1.06 3.9l-2.47-2.48-8.39 8.38-.5 2.98 2.98-.5 8.38-8.39z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download"><path fill="currentColor" d="M13 3v9.59l3.5-3.5 1.41 1.41L12 16.41 6.09 10.5 7.5 9.09l3.5 3.5V3h2zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg></span></button></div></div></ul></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit"><path fill="currentColor" d="M15.75 2.95a2 2 0 012.83 0l2.47 2.47a2 2 0 010 2.83l-11.9 11.9-6.37 1.07 1.07-6.38 11.9-11.9zM15.52 6l2.47 2.48 1.65-1.64-2.48-2.48L15.52 6zm1.06 3.9l-2.47-2.48-8.39 8.38-.5 2.98 2.98-.5 8.38-8.39z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download"><path fill="currentColor" d="M13 3v9.59l3.5-3.5 1.41 1.41L12 16.41 6.09 10.5 7.5 9.09l3.5 3.5V3h2zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg></span></button></div></div></ul></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/operation.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作1</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作2</a></div><div class="t-space-item"><a class="t-link t-link--theme-primary t-link--hover-color">操作3</a></div></div></ul></div></li></ul></div></div><div class="t-space-item"><div class="t-list t-list--split"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit"><path fill="currentColor" d="M15.75 2.95a2 2 0 012.83 0l2.47 2.47a2 2 0 010 2.83l-11.9 11.9-6.37 1.07 1.07-6.38 11.9-11.9zM15.52 6l2.47 2.48 1.65-1.64-2.48-2.48L15.52 6zm1.06 3.9l-2.47-2.48-8.39 8.38-.5 2.98 2.98-.5 8.38-8.39z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download"><path fill="currentColor" d="M13 3v9.59l3.5-3.5 1.41 1.41L12 16.41 6.09 10.5 7.5 9.09l3.5 3.5V3h2zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg></span></button></div></div></ul></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-list-item__meta"><div class="t-list-item__meta-avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt=""/></div><div class="t-list-item__meta-content"><h3 class="t-list-item__meta-title">列表主内容</h3><div class="t-list-item__meta-description"><p>列表内容列表内容</p></div></div></div><ul class="t-list-item__action"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit"><path fill="currentColor" d="M15.75 2.95a2 2 0 012.83 0l2.47 2.47a2 2 0 010 2.83l-11.9 11.9-6.37 1.07 1.07-6.38 11.9-11.9zM15.52 6l2.47 2.48 1.65-1.64-2.48-2.48L15.52 6zm1.06 3.9l-2.47-2.48-8.39 8.38-.5 2.98 2.98-.5 8.38-8.39z"></path></svg></span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download"><path fill="currentColor" d="M13 3v9.59l3.5-3.5 1.41 1.41L12 16.41 6.09 10.5 7.5 9.09l3.5 3.5V3h2zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg></span></button></div></div></ul></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/scroll.tsx 1`] = `"<div style="height:300px;overflow:auto" class="t-list t-size-s"><ul class="t-list__inner"></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/scroll.tsx 1`] = `"<div style="height:300px;overflow:auto" class="t-list t-size-s"><ul class="t-list__inner"></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/size.tsx 1`] = `"<div class="tdesign-demo-item__body tdesign-demo-item__body--list"><h4>尺寸-小</h4><div class="t-list t-size-s"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div><h4 style="margin-top:32px">尺寸-中（默认）</h4><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div><h4 style="margin-top:32px">尺寸-大</h4><div class="t-list t-size-l"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/size.tsx 1`] = `"<div class="tdesign-demo-item__body tdesign-demo-item__body--list"><h4>尺寸-小</h4><div class="t-list t-size-s"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div><h4 style="margin-top:32px">尺寸-中（默认）</h4><div class="t-list"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div><h4 style="margin-top:32px">尺寸-大</h4><div class="t-list t-size-l"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/list/_example/stripe.tsx 1`] = `"<div class="t-list t-list--stripe"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/list/_example/stripe.tsx 1`] = `"<div class="t-list t-list--stripe"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li><li class="t-list-item"><div class="t-list-item-main">列表内容列表内容列表内容</div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/base.tsx 1`] = `"<div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/base.tsx 1`] = `"<div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/delay.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div></div></div><div class="t-space-item"><div><div class="t-loading__parent"><div></div></div></div></div><div class="t-space-item"><div class="tdesign-demo-block-row"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">快速重新加载数据（无loading）</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">慢速重新加载数据</span></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/delay.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div></div></div><div class="t-space-item"><div><div class="t-loading__parent"><div></div></div></div></div><div class="t-space-item"><div class="tdesign-demo-block-row"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">快速重新加载数据（无loading）</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">慢速重新加载数据</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/fullscreen.tsx 1`] = `"Loading state:<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/fullscreen.tsx 1`] = `"Loading state:<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/icon-text.tsx 1`] = `"<div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">拼命加载中...</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/icon-text.tsx 1`] = `"<div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">拼命加载中...</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/service.tsx 1`] = `"<div id="loading-service" style="width:100%;height:60px;text-align:center;line-height:60px;position:relative">我是service的容器</div><div><button style="margin-right:20px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">服务加载方式（全屏）</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">服务加载方式（局部）</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/service.tsx 1`] = `"<div id="loading-service" style="width:100%;height:60px;text-align:center;line-height:60px;position:relative">我是service的容器</div><div><button style="margin-right:20px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">服务加载方式（全屏）</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">服务加载方式（局部）</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">加载中...（小）</div></div></div><div class="t-space-item"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">加载中...（中）</div></div></div><div class="t-space-item"><div class="t-loading t-loading--center t-size-l"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">加载中...（大）</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">加载中...（小）</div></div></div><div class="t-space-item"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">加载中...（中）</div></div></div><div class="t-space-item"><div class="t-loading t-loading--center t-size-l"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">加载中...（大）</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/text.tsx 1`] = `"<div class="t-loading t-loading--center t-size-m"><div class="t-loading__text">静态文字加载中...</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/text.tsx 1`] = `"<div class="t-loading t-loading--center t-size-m"><div class="t-loading__text">静态文字加载中...</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/loading/_example/wrap.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="width:170px"><div class="t-loading__parent"><div>this is loading component</div><div>this is loading component</div><div>this is loading component</div><div>this is loading component</div><div>this is loading component</div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">加载中</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">加载完成</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/loading/_example/wrap.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="width:170px"><div class="t-loading__parent"><div>this is loading component</div><div>this is loading component</div><div>this is loading component</div><div>this is loading component</div><div>this is loading component</div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">加载中</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">加载完成</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/closable-side.tsx 1`] = `"<div class="t-default-menu t-is-collapsed" style="width:64px"><div class="t-default-menu__inner"><div class="t-menu__logo"><span>LOGO</span></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu"><div class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li></ul><div class="t-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/closable-side.tsx 1`] = `"<div class="t-default-menu t-is-collapsed" style="width:64px"><div class="t-default-menu__inner"><div class="t-menu__logo"><span>LOGO</span></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu"><div class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li></ul><div class="t-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/custom-header.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div><div class="t-head-menu t-menu--dark"><div class="t-head-menu__inner"><div class="t-menu__logo"><img class="margin_0" src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations--dark"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/custom-header.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div><div class="t-head-menu t-menu--dark"><div class="t-head-menu__inner"><div class="t-menu__logo"><img class="margin_0" src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations--dark"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/custom-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px;margin-right:20px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div><div class="t-default-menu t-menu--dark" style="width:232px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/custom-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px;margin-right:20px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div><div class="t-default-menu t-menu--dark" style="width:232px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/double.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item t-is-active"><span>菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单4</span></div></li></ul></div><ul class="t-head-menu__submenu t-submenu"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"></div></div></div></ul></div><div class="t-head-menu t-menu--dark"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item t-is-active"><span>菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单4</span></div></li></ul></div><ul class="t-head-menu__submenu t-submenu"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"></div></div></div></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/double.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item t-is-active"><span>菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单4</span></div></li></ul></div><ul class="t-head-menu__submenu t-submenu"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"></div></div></div></ul></div><div class="t-head-menu t-menu--dark"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item t-is-active"><span>菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span>菜单4</span></div></li></ul></div><ul class="t-head-menu__submenu t-submenu"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">子菜单2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"></div></div></div></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/group-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><div class="t-menu-group"><div class="t-menu-group__title" style="padding-left:16px">主导航</div><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li></div><div class="t-menu-group"><div class="t-menu-group__title" style="padding-left:16px">组件</div><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-server"><path fill="currentColor" d="M22 13v9H2v-9h20zm-2 2H4v5h16v-5zm2-13v9H2V2h20zm-2 2H4v5h16V4zM7.5 16.5v2h-2v-2h2zm0-11v2h-2v-2h2z"></path></svg><span class="t-menu__content">列表项</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">基础列表项</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">卡片列表项</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">筛选列表项</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">树状筛选列表项</span></li></ul></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg><span class="t-menu__content">表单项</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-root-list"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm2 3.5h12v2H6v-2zm0 4h8v2H6v-2z"></path></svg><span class="t-menu__content">详情页</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg><span class="t-menu__content">结果页</span></li></div><div class="t-menu-group"><div class="t-menu-group__title" style="padding-left:16px">更多</div><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content">个人页</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login"><path fill="currentColor" d="M3 11h9.59l-3.5-3.5 1.41-1.41L16.41 12l-5.91 5.91-1.41-1.41 3.5-3.5H3v-2zm11 8.5h5v-15h-5v-2h7v19h-7v-2z"></path></svg><span class="t-menu__content">登录页</span></li></div></ul><div class="t-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/group-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><div class="t-menu-group"><div class="t-menu-group__title" style="padding-left:16px">主导航</div><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li></div><div class="t-menu-group"><div class="t-menu-group__title" style="padding-left:16px">组件</div><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-server"><path fill="currentColor" d="M22 13v9H2v-9h20zm-2 2H4v5h16v-5zm2-13v9H2V2h20zm-2 2H4v5h16V4zM7.5 16.5v2h-2v-2h2zm0-11v2h-2v-2h2z"></path></svg><span class="t-menu__content">列表项</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">基础列表项</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">卡片列表项</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">筛选列表项</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">树状筛选列表项</span></li></ul></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg><span class="t-menu__content">表单项</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-root-list"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm2 3.5h12v2H6v-2zm0 4h8v2H6v-2z"></path></svg><span class="t-menu__content">详情页</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg><span class="t-menu__content">结果页</span></li></div><div class="t-menu-group"><div class="t-menu-group__title" style="padding-left:16px">更多</div><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content">个人页</span></li><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login"><path fill="currentColor" d="M3 11h9.59l-3.5-3.5 1.41-1.41L16.41 12l-5.91 5.91-1.41-1.41 3.5-3.5H3v-2zm11 8.5h5v-15h-5v-2h7v19h-7v-2z"></path></svg><span class="t-menu__content">登录页</span></li></div></ul><div class="t-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/multi-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px;margin-right:20px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:50px;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-is-disabled t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单二</span></span></li></ul></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:250px;--padding-left:44px" class="t-menu__sub"><li class="t-submenu t-menu__item--plain t-submenu__item t-submenu__item--icon"><div class="t-menu__item"><span class="t-menu__content">二级菜单-1</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:60px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-1</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-2</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-3</span></li></ul></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li></ul><div class="t-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div><div class="t-default-menu t-menu--dark" style="width:232px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:200px;--padding-left:44px" class="t-menu__sub"><li class="t-submenu t-menu__item--plain t-submenu__item t-submenu__item--icon"><div class="t-menu__item"><span class="t-menu__content">二级菜单-1</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:60px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-1</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-2</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-3</span></li></ul></li></ul></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:100px;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu-collapse--dark"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/multi-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px;margin-right:20px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:50px;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-is-disabled t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单二</span></span></li></ul></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:250px;--padding-left:44px" class="t-menu__sub"><li class="t-submenu t-menu__item--plain t-submenu__item t-submenu__item--icon"><div class="t-menu__item"><span class="t-menu__content">二级菜单-1</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:60px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-1</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-2</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-3</span></li></ul></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li></ul><div class="t-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div><div class="t-default-menu t-menu--dark" style="width:232px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:200px;--padding-left:44px" class="t-menu__sub"><li class="t-submenu t-menu__item--plain t-submenu__item t-submenu__item--icon"><div class="t-menu__item"><span class="t-menu__content">二级菜单-1</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:60px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-1</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-2</span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content">三级菜单-3</span></li></ul></li></ul></li><li class="t-submenu t-is-opened"><div class="t-menu__item t-is-opened"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow t-fake-arrow--active" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:100px;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div><ul style="max-height:0;--padding-left:44px" class="t-menu__sub"><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-1</span></span></li><li class="t-menu__item t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item--plain"><span class="t-menu__content"><span>二级菜单-2</span></span></li></ul></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu-collapse--dark"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/multiple.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item t-is-active"><span>电器</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">女装</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span>水果蔬菜</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">其他</span></li></ul></div></div><div class="t-head-menu t-menu--dark" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item"><span>电器</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">女装</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span>水果蔬菜</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">其他</span></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/multiple.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item t-is-active"><span>电器</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">女装</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span>水果蔬菜</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">其他</span></li></ul></div></div><div class="t-head-menu t-menu--dark" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-submenu"><div class="t-menu__item"><span>电器</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content">女装</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span>水果蔬菜</span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">其他</span></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/popup-side.tsx 1`] = `"<div class="t-default-menu t-is-collapsed" style="width:64px;margin-right:20px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu"><div class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li></ul><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list t-menu__operations-icon"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></div></div></div><div class="t-default-menu t-is-collapsed t-menu--dark" style="width:64px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu"><div class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li></ul><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list t-menu__operations-icon"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/popup-side.tsx 1`] = `"<div class="t-default-menu t-is-collapsed" style="width:64px;margin-right:20px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu"><div class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li></ul><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list t-menu__operations-icon"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></div></div></div><div class="t-default-menu t-is-collapsed t-menu--dark" style="width:64px"><div class="t-default-menu__inner"><ul class="t-menu t-menu--scroll"><li class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app"><path fill="currentColor" d="M17.5 3.5a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zM2 2h9v9H2V2zm2 2v5h5V4H4zm-2 9h9v9H2v-9zm2 2v5h5v-5H4zm9-2h9v9h-9v-9zm7 2h-5v5h5v-5z"></path></svg><span class="t-menu__content">仪表盘</span></li><li class="t-submenu"><div class="t-menu__item t-is-active"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-code"><path fill="currentColor" d="M.59 12l4.95-4.95 1.41 1.41L3.41 12l3.54 3.54-1.41 1.41L.59 12zm8.2 8.73l4.48-17.94 1.94.48-4.48 17.94-1.94-.48zm8.26-5.2L20.59 12l-3.54-3.54 1.41-1.41L23.41 12l-4.95 4.95-1.41-1.41z"></path></svg><span class="t-menu__content"><span>资源列表</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-file"><path fill="currentColor" d="M3 1h12.41L21 6.59V23H3V1zm2 2v18h14V9h-6V3H5zm10 .41V7h3.59L15 3.41z"></path></svg><span class="t-menu__content"><span>调度平台</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg><span class="t-menu__content"><span>精准监控</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li><li class="t-menu__item t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-rollback"><path fill="currentColor" d="M20.93 14A7 7 0 0114 20H5.5v-2H14a5 5 0 100-10H6.91l2.5 2.5L8 11.91 3.09 7 8 2.09 9.41 3.5 6.91 6H14a7 7 0 017 7v1h-.07z"></path></svg><span class="t-menu__content">根目录</span></li><li class="t-submenu"><div class="t-menu__item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg><span class="t-menu__content"><span>消息区</span></span><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></div></li></ul><div class="t-menu__operations"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list t-menu__operations-icon"><path fill="currentColor" d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"></path></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/single.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div><div class="t-head-menu t-menu--dark"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations--dark"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/single.tsx 1`] = `"<div class="t-head-menu t-menu--light" style="margin-bottom:20px"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div><div class="t-head-menu t-menu--dark"><div class="t-head-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单1</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>菜单2</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单3</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>菜单4</span></span></li></ul><div class="t-menu__operations"><div class="tdesign-demo-menu__operations--dark"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail"><path fill="currentColor" d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/menu/_example/single-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px;margin-right:20px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div><div class="t-default-menu t-menu--dark" style="width:232px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/menu/_example/single-side.tsx 1`] = `"<div class="t-default-menu" style="width:232px;margin-right:20px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-light.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div><div class="t-default-menu t-menu--dark" style="width:232px"><div class="t-default-menu__inner"><div class="t-menu__logo"><img src="https://tdesign.gtimg.com/site/baseLogo-dark.png" height="28" alt="logo"/></div><ul class="t-menu t-menu--scroll"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>仪表盘</span></span></li><li class="t-menu__item t-is-active t-menu__item--plain"><span class="t-menu__content"><span>资源列表</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>视频区</span></span></li><li class="t-menu__item t-is-disabled t-menu__item--plain"><span class="t-menu__content"><span>根目录</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>调度平台</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>精准监控</span></span></li><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content"><span>个人中心</span></span></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-message t-is-info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>用户表示普通操作信息提示</div></div><div class="t-space-item"><div class="t-message t-is-success"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>用户表示操作引起一定后果</div></div><div class="t-space-item"><div class="t-message t-is-warning"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg>用于表示操作顺利达成</div></div><div class="t-space-item"><div class="t-message t-is-error"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg>用于表示操作引起严重的后果</div></div><div class="t-space-item"><div class="t-message t-is-question"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-help-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zm-.17-11.11c.43-.53.97-.97 1.4-1.32A2 2 0 0012 7a2 2 0 00-1.89 1.33l-.33.95L7.9 8.6l.34-.94a4 4 0 116.24 4.47 7 7 0 00-1.1 1.01c-.27.34-.37.61-.37.85v1.25h-2V14c0-.87.39-1.57.83-2.11zM11 18.25v-2h2v2h-2z"></path></svg>用于帮助用户操作的信息提示</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-message t-is-info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>用户表示普通操作信息提示</div></div><div class="t-space-item"><div class="t-message t-is-success"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>用户表示操作引起一定后果</div></div><div class="t-space-item"><div class="t-message t-is-warning"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg>用于表示操作顺利达成</div></div><div class="t-space-item"><div class="t-message t-is-error"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg>用于表示操作引起严重的后果</div></div><div class="t-space-item"><div class="t-message t-is-question"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-help-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zm-.17-11.11c.43-.53.97-.97 1.4-1.32A2 2 0 0012 7a2 2 0 00-1.89 1.33l-.33.95L7.9 8.6l.34-.94a4 4 0 116.24 4.47 7 7 0 00-1.1 1.01c-.27.34-.37.61-.37.85v1.25h-2V14c0-.87.39-1.57.83-2.11zM11 18.25v-2h2v2h-2z"></path></svg>用于帮助用户操作的信息提示</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/close.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>默认关闭按钮<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-message__close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>自定义关闭按钮（文字）<span class="t-message__close">关闭</span></div></div><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>自定义关闭按钮（函数）<div class="t-message__close">x</div></div></div><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>自定义关闭按钮（ReactNode）<div class="t-message__close">x</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/close.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>默认关闭按钮<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-message__close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>自定义关闭按钮（文字）<span class="t-message__close">关闭</span></div></div><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>自定义关闭按钮（函数）<div class="t-message__close">x</div></div></div><div class="t-space-item"><div class="t-message t-is-info t-is-closable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>自定义关闭按钮（ReactNode）<div class="t-message__close">x</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/close-all.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击打开多个消息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击关闭所有消息</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/close-all.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击打开多个消息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击关闭所有消息</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/close-function.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自由控制关闭时机（<!-- -->打开<!-- -->）</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/close-function.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自由控制关闭时机（<!-- -->打开<!-- -->）</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/config.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">配置</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">测试</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/config.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">配置</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">测试</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/duration.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">I am duration 20s Message</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">close latest duration 20s Message</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">close all Message</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/duration.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">I am duration 20s Message</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">close latest duration 20s Message</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">close all Message</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/loading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-message t-is-loading"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div>用于表示操作正在生效的过程中</div></div><div class="t-space-item"><div class="t-message t-is-success"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>用于表示操作顺利达成(10s)</div></div><div class="t-space-item"><div class="t-message t-is-warning"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg>用于表示普通操作失败中断(10s)</div></div><div class="t-space-item"><button style="margin-top:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/loading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-message t-is-loading"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div>用于表示操作正在生效的过程中</div></div><div class="t-space-item"><div class="t-message t-is-success"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>用于表示操作顺利达成(10s)</div></div><div class="t-space-item"><div class="t-message t-is-warning"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg>用于表示普通操作失败中断(10s)</div></div><div class="t-space-item"><button style="margin-top:16px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">重置</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/methods.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">info</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">success</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">warning</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">error</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">question</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">loading</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/methods.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">info</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">success</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">warning</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">error</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">question</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">loading</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/message/_example/offset.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:200px" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入横向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div><div class="t-space-item"><div style="width:200px;margin-left:16px" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入纵向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div><div class="t-space-item"><div style="position:relative;margin:0 auto;width:500px;height:260px;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button style="position:absolute;right:42%;bottom:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">center</span></button></div><div class="t-space-item"><button style="position:absolute;top:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top</span></button></div><div class="t-space-item"><button style="position:absolute;left:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left</span></button></div><div class="t-space-item"><button style="position:absolute;right:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right</span></button></div><div class="t-space-item"><button style="position:absolute;bottom:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom</span></button></div><div class="t-space-item"><button style="position:absolute;top:0;left:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-left</span></button></div><div class="t-space-item"><button style="position:absolute;top:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-right</span></button></div><div class="t-space-item"><button style="position:absolute;bottom:0;left:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-left</span></button></div><div class="t-space-item"><button style="position:absolute;bottom:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-right</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/message/_example/offset.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:200px" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入横向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div><div class="t-space-item"><div style="width:200px;margin-left:16px" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入纵向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div><div class="t-space-item"><div style="position:relative;margin:0 auto;width:500px;height:260px;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button style="position:absolute;right:42%;bottom:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">center</span></button></div><div class="t-space-item"><button style="position:absolute;top:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top</span></button></div><div class="t-space-item"><button style="position:absolute;left:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left</span></button></div><div class="t-space-item"><button style="position:absolute;right:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right</span></button></div><div class="t-space-item"><button style="position:absolute;bottom:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom</span></button></div><div class="t-space-item"><button style="position:absolute;top:0;left:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-left</span></button></div><div class="t-space-item"><button style="position:absolute;top:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-right</span></button></div><div class="t-space-item"><button style="position:absolute;bottom:0;left:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-left</span></button></div><div class="t-space-item"><button style="position:absolute;bottom:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-right</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/attach.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">信息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">成功</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">错误</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/attach.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">信息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">成功</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">错误</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/base.tsx 1`] = `"<div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">标题名称</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/base.tsx 1`] = `"<div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">标题名称</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/close-all.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击打开多个消息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击关闭多个消息</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/close-all.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击打开多个消息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击关闭多个消息</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/content.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义内容（字符串）</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义内容</span><div class="t-notification-close"></div></div><div class="t-notification__content"><div>这是一条消息通知</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/content.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义内容（字符串）</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义内容</span><div class="t-notification-close"></div></div><div class="t-notification__content"><div>这是一条消息通知</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/footer.tsx 1`] = `"<div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义底部详情</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知</div><div class="t-notification__detail"><div class="t-notification__detail"><span class="t-notification__detail-item">重启</span><span class="t-notification__detail-item t-is-active">查看详情</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/footer.tsx 1`] = `"<div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义底部详情</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知</div><div class="t-notification__detail"><div class="t-notification__detail"><span class="t-notification__detail-item">重启</span><span class="t-notification__detail-item t-is-active">查看详情</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">普通通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-error"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-error"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">危险通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-warning"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-warning"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">告警通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-success"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-is-success"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">成功通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">普通通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-error"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-error"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">危险通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-warning"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-warning"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">告警通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-success"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-is-success"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">成功通知</span><div class="t-notification-close"></div></div><div class="t-notification__content">这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/operation.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">超出的文本省略号显示</span><div class="t-notification-close"></div></div><div class="t-notification__content">文案不限长度，但是展示最大显示三行折行的末尾显示折行末尾显示折行末尾显示折行末尾显示折行末尾显示折行折行末尾显示折行折行末尾显示折行末尾显示折行折行末尾</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">查看详情</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义底部</span><div class="t-notification-close"></div></div><div class="t-notification__content">使用 props function 自定义底部内容</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">查看详情</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title"><div>自定义标题 <small>我是副标题</small></div></span><div class="t-notification-close"></div></div><div class="t-notification__content">1. 使用 props function 自定义标题；2. 使用插槽自定义底部内容</div><div class="t-notification__detail"><div slot="footer"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">知道了</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title"><div>自定义标题 <small>我是副标题</small></div></span><div class="t-notification-close"></div></div><div class="t-notification__content">1. 使用插槽自定义标题 2. 使用插槽自定义底部内容</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">重启</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">稍后提醒我(10s)</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义内容</span><div class="t-notification-close"></div></div><div class="t-notification__content">使用插槽自定义内容</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">重启</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">更多</span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/operation.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">超出的文本省略号显示</span><div class="t-notification-close"></div></div><div class="t-notification__content">文案不限长度，但是展示最大显示三行折行的末尾显示折行末尾显示折行末尾显示折行末尾显示折行末尾显示折行折行末尾显示折行折行末尾显示折行末尾显示折行折行末尾</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">查看详情</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义底部</span><div class="t-notification-close"></div></div><div class="t-notification__content">使用 props function 自定义底部内容</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">查看详情</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title"><div>自定义标题 <small>我是副标题</small></div></span><div class="t-notification-close"></div></div><div class="t-notification__content">1. 使用 props function 自定义标题；2. 使用插槽自定义底部内容</div><div class="t-notification__detail"><div slot="footer"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">知道了</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title"><div>自定义标题 <small>我是副标题</small></div></span><div class="t-notification-close"></div></div><div class="t-notification__content">1. 使用插槽自定义标题 2. 使用插槽自定义底部内容</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">重启</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">稍后提醒我(10s)</span></button></div></div></div></div></div><div class="t-space-item"><div class="t-notification t-notification-is-info"><div class="t-notification__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled t-is-info"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notification__main"><div class="t-notification__title__wrap"><span class="t-notification__title">自定义内容</span><div class="t-notification-close"></div></div><div class="t-notification__content">使用插槽自定义内容</div><div class="t-notification__detail"><div><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">重启</span></button><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">更多</span></button></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/placement.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:130px;display:inline-block;margin:0 20px 36px 0" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入横向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div><div class="t-space-item"><div style="width:130px;display:inline-block;margin:0 20px 36px 0" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入纵向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">左上角</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">右上角</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">左下角</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">右下角</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/placement.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:130px;display:inline-block;margin:0 20px 36px 0" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入横向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div><div class="t-space-item"><div style="width:130px;display:inline-block;margin:0 20px 36px 0" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入纵向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">左上角</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">右上角</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">左下角</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">右下角</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">信息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">成功</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">错误</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">信息</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">成功</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">错误</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notification/_example/toggle.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自由控制关闭时机</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/notification/_example/toggle.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自由控制关闭时机</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/base.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/base.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/jump.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 645 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">33</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 33 </span></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/jump.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 645 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">33</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 33 </span></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/more.tsx 1`] = `"<div><span>展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div><span>不展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/more.tsx 1`] = `"<div><span>展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div><span>不展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/page-num.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 645 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">33</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/page-num.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 645 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">33</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/pagination-mini.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>layout:</span></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" checked="" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">vertical</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" value="horizontal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">horizontal</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>size:</span></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">small</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">medium</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">large</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div class="t-pagination-mini"><button title="前尘忆梦" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button><button title="回到现在" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="展望未来" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/pagination-mini.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>layout:</span></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" checked="" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">vertical</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" value="horizontal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">horizontal</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>size:</span></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">small</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">medium</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">large</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div class="t-pagination-mini"><button title="前尘忆梦" type="button" class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></button><button title="回到现在" type="button" class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-round"><path fill="currentColor" d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"></path></svg></button><button title="展望未来" type="button" class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/simple.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 20 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/simple.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 20 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/simple-mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-s t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 20 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/simple-mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-s t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 20 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/pagination/_example/total.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 685 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">69</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/pagination/_example/total.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 685 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">69</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">删除订单</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交审核</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">删除订单</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交审核</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/button.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">按钮样式（属性-字符串）</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">按钮样式（TNode）</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/button.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">按钮样式（属性-字符串）</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">按钮样式（TNode）</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/describe.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义浮层内容</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">自定义浮层内容</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/describe.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义浮层内容</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">自定义浮层内容</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/extends.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">浮层在右边</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/extends.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">浮层在右边</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">默认</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">危险</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">自定义图标（属性）</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">默认</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">危险</span></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">自定义图标（属性）</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/inherit.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层出现在下方</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层出现在右侧</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/inherit.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层出现在下方</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层出现在右侧</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/placement.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Left</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Top</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Bottom</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/placement.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Left</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Top</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Bottom</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popconfirm/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">默认</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提示</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">错误</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popconfirm/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">默认</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提示</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">警告</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">错误</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/container.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(CSSSelector)</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(Function)</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/container.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(CSSSelector)</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(Function)</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/destroy.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/destroy.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/disabled.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/disabled.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/dynamic.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击改变内容</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/dynamic.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击改变内容</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/placement.tsx 1`] = `"<div style="margin:0 auto;width:500px;height:260px;position:relative"><button style="position:absolute;top:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top</span></button><button style="position:absolute;top:0;left:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-left</span></button><button style="position:absolute;top:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-right</span></button><button style="position:absolute;bottom:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom</span></button><button style="position:absolute;bottom:0;left:70px;width:120px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-left</span></button><button style="position:absolute;bottom:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-right</span></button><button style="position:absolute;left:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left</span></button><button style="position:absolute;left:0;top:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left-top</span></button><button style="position:absolute;left:0;bottom:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left-bottom</span></button><button style="position:absolute;right:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right</span></button><button style="position:absolute;right:0;top:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right-top</span></button><button style="position:absolute;right:0;bottom:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right-bottom</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/placement.tsx 1`] = `"<div style="margin:0 auto;width:500px;height:260px;position:relative"><button style="position:absolute;top:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top</span></button><button style="position:absolute;top:0;left:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-left</span></button><button style="position:absolute;top:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">top-right</span></button><button style="position:absolute;bottom:0;left:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom</span></button><button style="position:absolute;bottom:0;left:70px;width:120px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-left</span></button><button style="position:absolute;bottom:0;right:70px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">bottom-right</span></button><button style="position:absolute;left:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left</span></button><button style="position:absolute;left:0;top:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left-top</span></button><button style="position:absolute;left:0;bottom:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">left-bottom</span></button><button style="position:absolute;right:0;top:42%" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right</span></button><button style="position:absolute;right:0;top:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right-top</span></button><button style="position:absolute;right:0;bottom:50px" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">right-bottom</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="trigger-element1 t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">正常的方式打开</span></button></div><div class="t-space-item"><button type="button" class="trigger-element2 t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">通过Plugin打开，并修改不同浮层的配置</span></button></div><div class="t-space-item"><div><span>这里是一个日志查询的例子，在很长的日志内容中，日志内容存在换行的情况，可以点击链接进行日志查询操作</span><a class="trigger-element3" style="color:var(--td-text-color-brand)">点击此链接，会打开浮层进行跳转操作</a></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="trigger-element1 t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">正常的方式打开</span></button></div><div class="t-space-item"><button type="button" class="trigger-element2 t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">通过Plugin打开，并修改不同浮层的配置</span></button></div><div class="t-space-item"><div><span>这里是一个日志查询的例子，在很长的日志内容中，日志内容存在换行的情况，可以点击链接进行日志查询操作</span><a class="trigger-element3" style="color:var(--td-text-color-brand)">点击此链接，会打开浮层进行跳转操作</a></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/popper-options.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>请输入横向偏移量:</span></div><div class="t-space-item"><div style="width:130px;display:inline-block" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入横向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>请输入纵向偏移量:</span></div><div class="t-space-item"><div style="width:130px;display:inline-block" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入纵向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/popper-options.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>请输入横向偏移量:</span></div><div class="t-space-item"><div style="width:130px;display:inline-block" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入横向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>请输入纵向偏移量:</span></div><div class="t-space-item"><div style="width:130px;display:inline-block" class="t-input__wrap" value="0" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入纵向偏移量" type="text" class="t-input__inner" value="0"/></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/style.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">自定义浮层类名</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">固定浮层宽度</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层最大宽度</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层和触发元素同宽</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/style.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">自定义浮层类名</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">固定浮层宽度</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层最大宽度</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浮层和触发元素同宽</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/trigger.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">悬浮时触发（默认）</span></button></div><div class="t-space-item"><div style="width:200px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="获得焦点时触发" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">点击时触发</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">右击时触发</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/trigger.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">悬浮时触发（默认）</span></button></div><div class="t-space-item"><div style="width:200px" class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="获得焦点时触发" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">点击时触发</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">右击时触发</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/trigger-element.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">默认子节点元素触发</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">使用 triggerElement 元素触发</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/trigger-element.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">默认子节点元素触发</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">使用 triggerElement 元素触发</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/popup/_example/visible.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">一直显示</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/popup/_example/visible.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">一直显示</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/progress/_example/circle.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="text-align:center;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>默认样式</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info">0%</div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>不显示数字</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>自定义内容</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><div>75 day</div></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="text-align:center;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>进度完成</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--success" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check t-progress__icon"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="351.85837720205683  0" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>进度发生错误</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--error" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-progress__icon"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>进度被中断</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--warning" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error t-progress__icon"><path fill="currentColor" d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>自定义颜色</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--error" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-progress__icon"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="#0f0" fill="none"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="text-align:center;gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>小尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:72px;height:72px;font-size:12.64px"><div class="t-progress__info">0%</div><svg width="72" height="72" viewBox="0 0 76 76"><circle cx="38" cy="38" r="36" stroke-width="4" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>默认尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info">0%</div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>大尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:160px;height:160px;font-size:23.98px"><div class="t-progress__info">0%</div><svg width="160" height="160" viewBox="0 0 166 166"><circle cx="83" cy="83" r="80" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>自定义尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:5.62px"><div class="t-progress__info">0%</div><svg width="112" height="112" viewBox="0 0 162 162"><circle cx="81" cy="81" r="56" stroke-width="50" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/progress/_example/circle.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="text-align:center;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>默认样式</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info">0%</div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>不显示数字</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>自定义内容</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><div>75 day</div></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="text-align:center;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>进度完成</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--success" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check t-progress__icon"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="351.85837720205683  0" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>进度发生错误</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--error" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-progress__icon"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>进度被中断</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--warning" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error t-progress__icon"><path fill="currentColor" d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>自定义颜色</div></div><div class="t-space-item"><div><div class="t-progress--circle t-progress--status--error" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-progress__icon"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="#0f0" fill="none"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="text-align:center;gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>小尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:72px;height:72px;font-size:12.64px"><div class="t-progress__info">0%</div><svg width="72" height="72" viewBox="0 0 76 76"><circle cx="38" cy="38" r="36" stroke-width="4" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>默认尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:17.5px"><div class="t-progress__info">0%</div><svg width="112" height="112" viewBox="0 0 118 118"><circle cx="59" cy="59" r="56" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>大尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:160px;height:160px;font-size:23.98px"><div class="t-progress__info">0%</div><svg width="160" height="160" viewBox="0 0 166 166"><circle cx="83" cy="83" r="80" stroke-width="6" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>自定义尺寸</div></div><div class="t-space-item"><div><div class="t-progress--circle" style="width:112px;height:112px;font-size:5.62px"><div class="t-progress__info">0%</div><svg width="112" height="112" viewBox="0 0 162 162"><circle cx="81" cy="81" r="56" stroke-width="50" stroke="var(--td-bg-color-component)" fill="none"></circle></svg></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/progress/_example/line.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>默认在线形外展示进度和状态</h3></div><div class="t-space-item"><div>默认样式</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div>进度被中断</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--warning"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled t-progress__icon"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div></div></div></div><div class="t-space-item"><div>进度状态发生重大错误</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--error"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled t-progress__icon"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg></div></div></div></div><div class="t-space-item"><div>进度正常更新</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--active"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div>不显示数字</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div></div></div></div><div class="t-space-item"><div>自定义内容</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info"><div>自定义文本</div></div></div></div></div><div class="t-space-item"><div>自定义颜色与高度</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar" style="height:30px;background-color:#0f0;border-radius:30px"><div class="t-progress__inner" style="width:0%;background:#00f;border-radius:30px"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div>进度条渐变色</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%;background:linear-gradient( 90deg,#f00,#0ff,#f0f )"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar" style="background-color:#0f0"><div class="t-progress__inner" style="width:0%;background:linear-gradient(to right, #f00 0%,#0ff 100%)"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar" style="height:30px;border-radius:30px"><div class="t-progress__inner" style="width:0%;background:linear-gradient(to right, #f00, #0ff);border-radius:30px"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><h3>可以在线形内展示进度信息</h3></div><div class="t-space-item"><div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>默认样式</div></div><div class="t-space-item"><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div></div><div class="t-space-item"><div>进度0-10%时数字数字位置出现在目前进度的右边区域</div></div><div class="t-space-item"><div><div class="t-progress__bar t-progress--plump t-progress--under-ten"><div class="t-progress__inner" style="width:5%"></div><div class="t-progress__info">5%</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/progress/_example/line.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>默认在线形外展示进度和状态</h3></div><div class="t-space-item"><div>默认样式</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div>进度被中断</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--warning"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled t-progress__icon"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg></div></div></div></div><div class="t-space-item"><div>进度状态发生重大错误</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--error"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled t-progress__icon"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg></div></div></div></div><div class="t-space-item"><div>进度正常更新</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--active"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div>不显示数字</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div></div></div></div><div class="t-space-item"><div>自定义内容</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%"></div></div><div class="t-progress__info"><div>自定义文本</div></div></div></div></div><div class="t-space-item"><div>自定义颜色与高度</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar" style="height:30px;background-color:#0f0;border-radius:30px"><div class="t-progress__inner" style="width:0%;background:#00f;border-radius:30px"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div>进度条渐变色</div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:0%;background:linear-gradient( 90deg,#f00,#0ff,#f0f )"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar" style="background-color:#0f0"><div class="t-progress__inner" style="width:0%;background:linear-gradient(to right, #f00 0%,#0ff 100%)"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><div><div class="t-progress--thin"><div class="t-progress__bar" style="height:30px;border-radius:30px"><div class="t-progress__inner" style="width:0%;background:linear-gradient(to right, #f00, #0ff);border-radius:30px"></div></div><div class="t-progress__info">0%</div></div></div></div><div class="t-space-item"><h3>可以在线形内展示进度信息</h3></div><div class="t-space-item"><div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>默认样式</div></div><div class="t-space-item"><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div></div><div class="t-space-item"><div>进度0-10%时数字数字位置出现在目前进度的右边区域</div></div><div class="t-space-item"><div><div class="t-progress__bar t-progress--plump t-progress--under-ten"><div class="t-progress__inner" style="width:5%"></div><div class="t-progress__info">5%</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/progress/_example/plump.tsx 1`] = `"<div><div style="margin:20px 0 10px">默认样式</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">进度0-10%时数字数字位置出现在目前进度的右边区域</div><div><div class="t-progress__bar t-progress--plump t-progress--under-ten"><div class="t-progress__inner" style="width:5%"></div><div class="t-progress__info">5%</div></div></div><div style="margin:20px 0 10px">100%</div><div><div class="t-progress__bar t-progress--plump t-progress--status--success t-progress--over-ten"><div class="t-progress__inner" style="width:100%"><div class="t-progress__info" style="color:#fff">100%</div></div></div></div><div style="margin:20px 0 10px">success</div><div><div class="t-progress__bar t-progress--plump t-progress--status--success t-progress--over-ten"><div class="t-progress__inner" style="width:100%"><div class="t-progress__info" style="color:#fff">100%</div></div></div></div><div style="margin:20px 0 10px">warning</div><div><div class="t-progress__bar t-progress--plump t-progress--status--warning t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">error</div><div><div class="t-progress__bar t-progress--plump t-progress--status--error t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">active</div><div><div class="t-progress__bar t-progress--plump t-progress--status--active t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">不显示数字</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%"></div></div></div><div style="margin:20px 0 10px">自定义颜色与尺寸</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten" style="height:30px;background-color:#0f0;border-radius:30px"><div class="t-progress__inner" style="width:30%;background:#00f;border-radius:30px"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">进度条渐变色</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%;background:linear-gradient( 90deg,#f00,#0ff,#f0f )"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><br/><div><div class="t-progress__bar t-progress--plump t-progress--over-ten" style="background-color:#0f0"><div class="t-progress__inner" style="width:30%;background:linear-gradient(to right, #f00 0%,#0ff 100%)"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><br/><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%;background:linear-gradient(to right, #f00, #0ff)"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/progress/_example/plump.tsx 1`] = `"<div><div style="margin:20px 0 10px">默认样式</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">进度0-10%时数字数字位置出现在目前进度的右边区域</div><div><div class="t-progress__bar t-progress--plump t-progress--under-ten"><div class="t-progress__inner" style="width:5%"></div><div class="t-progress__info">5%</div></div></div><div style="margin:20px 0 10px">100%</div><div><div class="t-progress__bar t-progress--plump t-progress--status--success t-progress--over-ten"><div class="t-progress__inner" style="width:100%"><div class="t-progress__info" style="color:#fff">100%</div></div></div></div><div style="margin:20px 0 10px">success</div><div><div class="t-progress__bar t-progress--plump t-progress--status--success t-progress--over-ten"><div class="t-progress__inner" style="width:100%"><div class="t-progress__info" style="color:#fff">100%</div></div></div></div><div style="margin:20px 0 10px">warning</div><div><div class="t-progress__bar t-progress--plump t-progress--status--warning t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">error</div><div><div class="t-progress__bar t-progress--plump t-progress--status--error t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">active</div><div><div class="t-progress__bar t-progress--plump t-progress--status--active t-progress--over-ten"><div class="t-progress__inner" style="width:30%"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">不显示数字</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%"></div></div></div><div style="margin:20px 0 10px">自定义颜色与尺寸</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten" style="height:30px;background-color:#0f0;border-radius:30px"><div class="t-progress__inner" style="width:30%;background:#00f;border-radius:30px"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><div style="margin:20px 0 10px">进度条渐变色</div><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%;background:linear-gradient( 90deg,#f00,#0ff,#f0f )"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><br/><div><div class="t-progress__bar t-progress--plump t-progress--over-ten" style="background-color:#0f0"><div class="t-progress__inner" style="width:30%;background:linear-gradient(to right, #f00 0%,#0ff 100%)"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div><br/><div><div class="t-progress__bar t-progress--plump t-progress--over-ten"><div class="t-progress__inner" style="width:30%;background:linear-gradient(to right, #f00, #0ff)"><div class="t-progress__info" style="color:#fff">30%</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/radio/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1"/><span class="t-radio__input"></span><span class="t-radio__label">未选中</span></label></div><div class="t-space-item"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span><span class="t-radio__label">取消选中</span></label></div><div class="t-space-item"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" checked=""/><span class="t-radio__input"></span><span class="t-radio__label">已选中</span></label></div><div class="t-space-item"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1"/><span class="t-radio__input"></span><span class="t-radio__label">禁用未选中</span></label></div><div class="t-space-item"><label class="t-radio t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio__former" disabled="" tabindex="-1" checked=""/><span class="t-radio__input"></span><span class="t-radio__label">禁用已选中</span></label></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/radio/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1"/><span class="t-radio__input"></span><span class="t-radio__label">未选中</span></label></div><div class="t-space-item"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span><span class="t-radio__label">取消选中</span></label></div><div class="t-space-item"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" checked=""/><span class="t-radio__input"></span><span class="t-radio__label">已选中</span></label></div><div class="t-space-item"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1"/><span class="t-radio__input"></span><span class="t-radio__label">禁用未选中</span></label></div><div class="t-space-item"><label class="t-radio t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio__former" disabled="" tabindex="-1" checked=""/><span class="t-radio__input"></span><span class="t-radio__label">禁用已选中</span></label></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/radio/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;bj&#x27;" data-allow-uncheck="true" checked="" value="bj"/><span class="t-radio__input"></span><span class="t-radio__label">北京</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sh&#x27;" data-allow-uncheck="true" value="sh"/><span class="t-radio__input"></span><span class="t-radio__label">上海</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;gz&#x27;" data-allow-uncheck="true" value="gz"/><span class="t-radio__input"></span><span class="t-radio__label">广州</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sz&#x27;" data-allow-uncheck="true" value="sz"/><span class="t-radio__input"></span><span class="t-radio__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;bj&#x27;" data-allow-uncheck="true" value="bj"/><span class="t-radio__input"></span><span class="t-radio__label">北京</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sh&#x27;" data-allow-uncheck="true" value="sh"/><span class="t-radio__input"></span><span class="t-radio__label">上海</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" data-allow-uncheck="true" value="gz"/><span class="t-radio__input"></span><span class="t-radio__label">广州</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sz&#x27;" data-allow-uncheck="true" checked="" value="sz"/><span class="t-radio__input"></span><span class="t-radio__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" checked="" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;北京&#x27;" value="北京"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;深圳&#x27;" checked="" value="深圳"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled t-radio-group--primary-filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;北京&#x27;" value="北京"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;深圳&#x27;" checked="" value="深圳"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/radio/_example/group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;bj&#x27;" data-allow-uncheck="true" checked="" value="bj"/><span class="t-radio__input"></span><span class="t-radio__label">北京</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sh&#x27;" data-allow-uncheck="true" value="sh"/><span class="t-radio__input"></span><span class="t-radio__label">上海</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;gz&#x27;" data-allow-uncheck="true" value="gz"/><span class="t-radio__input"></span><span class="t-radio__label">广州</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sz&#x27;" data-allow-uncheck="true" value="sz"/><span class="t-radio__input"></span><span class="t-radio__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;bj&#x27;" data-allow-uncheck="true" value="bj"/><span class="t-radio__input"></span><span class="t-radio__label">北京</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sh&#x27;" data-allow-uncheck="true" value="sh"/><span class="t-radio__input"></span><span class="t-radio__label">上海</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" data-allow-uncheck="true" value="gz"/><span class="t-radio__input"></span><span class="t-radio__label">广州</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sz&#x27;" data-allow-uncheck="true" checked="" value="sz"/><span class="t-radio__input"></span><span class="t-radio__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" checked="" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;北京&#x27;" value="北京"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;深圳&#x27;" checked="" value="深圳"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled t-radio-group--primary-filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;北京&#x27;" value="北京"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;上海&#x27;" value="上海"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;广州&#x27;" value="广州"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;深圳&#x27;" checked="" value="深圳"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/radio/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-s t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj1&#x27;" value="bj1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh1&#x27;" checked="" value="sh1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz1&#x27;" value="gz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz1&#x27;" value="sz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-l t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj2&#x27;" value="bj2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh2&#x27;" value="sh2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz2&#x27;" checked="" value="gz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz2&#x27;" value="sz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj1&#x27;" value="bj1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh1&#x27;" checked="" value="sh1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz1&#x27;" value="gz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz1&#x27;" value="sz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-l t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj2&#x27;" value="bj2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh2&#x27;" value="sh2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz2&#x27;" checked="" value="gz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz2&#x27;" value="sz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/radio/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-s t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj1&#x27;" value="bj1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh1&#x27;" checked="" value="sh1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz1&#x27;" value="gz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz1&#x27;" value="sz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div><div class="t-space-item"><div class="t-radio-group t-size-l t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj2&#x27;" value="bj2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh2&#x27;" value="sh2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz2&#x27;" checked="" value="gz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz2&#x27;" value="sz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-s t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj1&#x27;" value="bj1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh1&#x27;" checked="" value="sh1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz1&#x27;" value="gz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz1&#x27;" value="sz1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-l t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj2&#x27;" value="bj2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">北京</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sh2&#x27;" value="sh2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上海</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz2&#x27;" checked="" value="gz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">广州</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz2&#x27;" value="sz2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">深圳</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/radio/_example/type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h5>普通单选按钮</h5></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio__input"></span><span class="t-radio__label">选项一</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio__input"></span><span class="t-radio__label">选项二</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;gz&#x27;" checked="" value="gz"/><span class="t-radio__input"></span><span class="t-radio__label">选项三</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio__input"></span><span class="t-radio__label">选项四</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h5>边框型单选按钮</h5></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label class="t-radio-button t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选中禁用态</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">未选中禁用态</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h5>填充型单选按钮</h5></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" checked="" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项四</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项五</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled t-radio-group--primary-filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" checked="" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项四</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项五</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label class="t-radio-button t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选中禁用态</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">未选中禁用态</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled t-radio-group--primary-filled"><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label class="t-radio-button t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选中禁用态</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">未选中禁用态</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/radio/_example/type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h5>普通单选按钮</h5></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio__input"></span><span class="t-radio__label">选项一</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sh&#x27;" value="sh"/><span class="t-radio__input"></span><span class="t-radio__label">选项二</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;gz&#x27;" checked="" value="gz"/><span class="t-radio__input"></span><span class="t-radio__label">选项三</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio__input"></span><span class="t-radio__label">选项四</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h5>边框型单选按钮</h5></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label class="t-radio-button t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选中禁用态</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">未选中禁用态</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h5>填充型单选按钮</h5></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" checked="" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项四</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项五</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled t-radio-group--primary-filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bj&#x27;" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;gz&#x27;" checked="" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项四</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项五</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label class="t-radio-button t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选中禁用态</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">未选中禁用态</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled t-radio-group--primary-filled"><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;fj&#x27;" value="fj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项一</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;cd&#x27;" value="cd"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项二</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;sz&#x27;" value="sz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选项三</span></label><label class="t-radio-button t-is-checked t-is-disabled" checked=""><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;bj&#x27;" checked="" value="bj"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">选中禁用态</span></label><label class="t-radio-button t-is-disabled"><input type="radio" class="t-radio-button__former" disabled="" tabindex="-1" data-value="&#x27;gz&#x27;" value="gz"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">未选中禁用态</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/range-input/_example/base.tsx 1`] = `"<div class="t-range-input t-is-default"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/range-input/_example/base.tsx 1`] = `"<div class="t-range-input t-is-default"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/range-input/_example/popup.tsx 1`] = `"<div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/range-input/_example/popup.tsx 1`] = `"<div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-is-default"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/range-input/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-range-input t-is-default t-size-s"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-default"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-default t-size-l"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/range-input/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-range-input t-is-default t-size-s"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-default"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-default t-size-l"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/range-input/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-range-input t-is-success"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-warning"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-error"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/range-input/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-range-input t-is-success"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-warning"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-range-input t-is-error"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入内容" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/rate/_example/base.tsx 1`] = `"<div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/rate/_example/base.tsx 1`] = `"<div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/rate/_example/clearable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>clearable: true</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>clearable: false</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/rate/_example/clearable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>clearable: true</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>clearable: false</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/rate/_example/custom.tsx 1`] = `"<div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/rate/_example/custom.tsx 1`] = `"<div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test src/rate/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li></ul></div></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li></ul></div></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item t-rate__item--half"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/rate/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"></path></svg></div></li></ul></div></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-logo-github" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"></path></svg></div></li></ul></div></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item t-rate__item--half"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/rate/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>16px</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>24px</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/rate/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>16px</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>24px</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/rate/_example/status.tsx 1`] = `"<div style="text-align:center;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>未评分状态</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>满分状态</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>半星状态</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--half"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/rate/_example/status.tsx 1`] = `"<div style="text-align:center;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>未评分状态</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>满分状态</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div><div class="t-space-item"><h3>半星状态</h3></div><div class="t-space-item"><div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--full"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li><li class="t-rate__item t-rate__item--half"><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/rate/_example/texts.tsx 1`] = `"<div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li></ul><div class="t-rate__text">satisfied</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/rate/_example/texts.tsx 1`] = `"<div class="t-rate"><ul class="t-rate__list" style="gap:4px"><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item t-rate__item--full"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li><li class="t-rate__item"><div><div><div class="t-rate__star-top"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div><div class="t-rate__star-bottom"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"></path></svg></div></div></div></li></ul><div class="t-rate__text">satisfied</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/base.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/base.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/collapsed.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><h3>default:</h3></div><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>use collapsedItems:</h3></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div>size control:</div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio__input"></span><span class="t-radio__label">small</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio__input"></span><span class="t-radio__label">medium</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio__input"></span><span class="t-radio__label">large</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>disabled control:</span></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>readonly control:</span></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/collapsed.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><h3>default:</h3></div><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>use collapsedItems:</h3></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div>size control:</div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio__input"></span><span class="t-radio__label">small</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio__input"></span><span class="t-radio__label">medium</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio__input"></span><span class="t-radio__label">large</span></label></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>disabled control:</span></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><span>readonly control:</span></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/creatable.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/creatable.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/custom-options.tsx 1`] = `"<div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/custom-options.tsx 1`] = `"<div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/custom-selected.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/custom-selected.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/disabled.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/disabled.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/filterable.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap" style="width:400px;display:inline-block"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="-请选择-" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:400px;display:inline-block"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="-请选择-" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">-请选择-</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/filterable.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap" style="width:400px;display:inline-block"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="-请选择-" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:400px;display:inline-block"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="-请选择-" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">-请选择-</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/group.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/group.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/keys.tsx 1`] = `"<div class="t-select__wrap" style="width:200px;display:inline-block;margin-right:20px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap" style="width:200px;display:inline-block"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/keys.tsx 1`] = `"<div class="t-select__wrap" style="width:200px;display:inline-block;margin-right:20px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-select__wrap" style="width:200px;display:inline-block"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/label-in-value.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/label-in-value.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/max.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/max.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/multiple.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择云产品" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择云产品</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/multiple.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择云产品" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">请选择云产品</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/noborder.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--borderless t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/noborder.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--borderless t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/options.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/options.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/panel.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择云解决方案" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择云产品" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/panel.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择云解决方案" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择云产品" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/popup-props.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px;display:inline-block"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/popup-props.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px;display:inline-block"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/prefix.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="margin-right:8px"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/prefix.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><span class="t-input__prefix t-input__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="margin-right:8px"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/remote-search.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/remote-search.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/scroll-bottom.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/scroll-bottom.tsx 1`] = `"<div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/scroll-top.tsx 1`] = `"<div class="t-select__wrap" style="width:200px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/scroll-top.tsx 1`] = `"<div class="t-select__wrap" style="width:200px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-size-l t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-size-s t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-size-l t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select/_example/virtual-scroll.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select/_example/virtual-scroll.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/autocomplete.tsx 1`] = `"<div><div class="t-select-input t-select-input--empty" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请输入任意关键词" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/autocomplete.tsx 1`] = `"<div><div class="t-select-input t-select-input--empty" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请输入任意关键词" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/autowidth.tsx 1`] = `"<div class="t-select-input"><div class="t-input__wrap t-input--auto-width" value="tdesign-vue" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" value="tdesign-vue"/><span class="t-input__input-pre">tdesign-vue</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/autowidth.tsx 1`] = `"<div class="t-select-input"><div class="t-input__wrap t-input--auto-width" value="tdesign-vue" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" value="tdesign-vue"/><span class="t-input__input-pre">tdesign-vue</span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/autowidth-multiple.tsx 1`] = `"<div class="tdesign-demo__select-input-autowidth-multiple" style="width:100%"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->2</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/autowidth-multiple.tsx 1`] = `"<div class="tdesign-demo__select-input-autowidth-multiple" style="width:100%"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->2</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/borderless.tsx 1`] = `"<div style="width:60%"><div class="t-select-input t-select-input--borderless"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="tdesign-vue"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/borderless.tsx 1`] = `"<div style="width:60%"><div class="t-select-input t-select-input--borderless"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="tdesign-vue"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/borderless-multiple.tsx 1`] = `"<div style="width:60%"><div class="t-select-input t-select-input--borderless t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->2</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/borderless-multiple.tsx 1`] = `"<div style="width:60%"><div class="t-select-input t-select-input--borderless t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->2</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/collapsed-items.tsx 1`] = `"<div style="gap:16px" class="t-space tdesign-demo__select-input-collapsed-items t-space-vertical"><div class="t-space-item"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->5</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"> </div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">tdesign-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(+<!-- -->4<!-- -->)</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/collapsed-items.tsx 1`] = `"<div style="gap:16px" class="t-space tdesign-demo__select-input-collapsed-items t-space-vertical"><div class="t-space-item"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->5</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"> </div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">tdesign-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(+<!-- -->4<!-- -->)</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/custom-tag.tsx 1`] = `"<div class="tdesign-demo-select-input-custom-tag"><div class="t-select-input"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform tdesign-demo-select-input__img"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg>tdesign-vue</span></div><input placeholder="" type="text" class="t-input__inner" readonly="" value=" "/></div></div></div><br/><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-react</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span></div></div></div><br/><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->tdesign-mobile-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->tdesign-mobile-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->tdesign-mobile-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/custom-tag.tsx 1`] = `"<div class="tdesign-demo-select-input-custom-tag"><div class="t-select-input"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform tdesign-demo-select-input__img"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg>tdesign-vue</span></div><input placeholder="" type="text" class="t-input__inner" readonly="" value=" "/></div></div></div><br/><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-react</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span></div></div></div><br/><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->tdesign-mobile-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->tdesign-mobile-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->tdesign-mobile-vue</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/excess-tags-display-type.tsx 1`] = `"<div class="tdesign-demo__select-input-excess-tags-display-type" style="width:width: 100%"><p>第一种呈现方式：超出时滚动显示</p><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">tdesign-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-miniprogram">tdesign-miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-angular">tdesign-angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-vue">tdesign-mobile-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-react">tdesign-mobile-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><br/><br/><br/><p>第二种呈现方式：超出时换行显示</p><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">tdesign-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-miniprogram">tdesign-miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-angular">tdesign-angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-vue">tdesign-mobile-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-react">tdesign-mobile-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/excess-tags-display-type.tsx 1`] = `"<div class="tdesign-demo__select-input-excess-tags-display-type" style="width:width: 100%"><p>第一种呈现方式：超出时滚动显示</p><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">tdesign-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-miniprogram">tdesign-miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-angular">tdesign-angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-vue">tdesign-mobile-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-react">tdesign-mobile-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><br/><br/><br/><p>第二种呈现方式：超出时换行显示</p><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">tdesign-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">tdesign-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-miniprogram">tdesign-miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-angular">tdesign-angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-vue">tdesign-mobile-vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-react">tdesign-mobile-react</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/label-suffix.tsx 1`] = `"<div><div class="t-select-input" style="width:300px"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><span>前置内容：</span></div><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="tdesign-vue"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div><br/> <br/><div class="t-select-input" style="width:300px"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="tdesign-vue"/><div class="t-input__suffix"><span>单位：元</span></div><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/label-suffix.tsx 1`] = `"<div><div class="t-select-input" style="width:300px"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><span>前置内容：</span></div><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="tdesign-vue"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div><br/> <br/><div class="t-select-input" style="width:300px"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="tdesign-vue"/><div class="t-input__suffix"><span>单位：元</span></div><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/multiple.tsx 1`] = `"<div class="tdesign-demo__select-input-multiple" style="width:100%"><div><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否允许输入</span></label><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">允许创建新选项（Enter 创建）</span></label></div><br/><div><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;scroll&#x27;" value="scroll"/><span class="t-radio__input"></span><span class="t-radio__label">选中项过多横向滚动</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;break-line&#x27;" checked="" value="break-line"/><span class="t-radio__input"></span><span class="t-radio__label">选中项过多换行显示</span></label></div></div><br/><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/multiple.tsx 1`] = `"<div class="tdesign-demo__select-input-multiple" style="width:100%"><div><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否允许输入</span></label><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">允许创建新选项（Enter 创建）</span></label></div><br/><div><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;scroll&#x27;" value="scroll"/><span class="t-radio__input"></span><span class="t-radio__label">选中项过多横向滚动</span></label><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;break-line&#x27;" checked="" value="break-line"/><span class="t-radio__input"></span><span class="t-radio__label">选中项过多换行显示</span></label></div></div><br/><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/single.tsx 1`] = `"<div><div class="t-select-input" style="width:300px"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" value="tdesign-vue"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/single.tsx 1`] = `"<div><div class="t-select-input" style="width:300px"><div class="t-input__wrap" value="tdesign-vue" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" value="tdesign-vue"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/status.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>禁用状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" disabled="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--default">这是禁用状态的文本</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>只读状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--default">这是只读状态的文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>成功状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-is-success"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>警告状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-is-warning"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>错误状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-is-error"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>加载状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div><div class="t-input__tips t-input__tips--default">处于加载状态的文本提示</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/status.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>禁用状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" disabled="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--default">这是禁用状态的文本</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>只读状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--default">这是只读状态的文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>成功状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-is-success"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>警告状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-is-warning"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>错误状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-is-error"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>加载状态：</span></div><div class="t-space-item"><div class="t-select-input__wrap"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div><div class="t-input__tips t-input__tips--default">处于加载状态的文本提示</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/width.tsx 1`] = `"<div class="tdesign-demo__select-input-width"><div><span>下拉框默认宽度：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/><div><span>下拉框最大宽度：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/><div><span>与内容宽度一致：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/><div><span>下拉框固定宽度：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/select-input/_example/width.tsx 1`] = `"<div class="tdesign-demo__select-input-width"><div><span>下拉框默认宽度：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/><div><span>下拉框最大宽度：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/><div><span>与内容宽度一致：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/><div><span>下拉框固定宽度：</span><div class="t-demo-normal t-select-input"><div class="t-input__wrap" value="TDesign" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="Please Select" type="text" class="t-input__inner" readonly="" value="TDesign"/></div></div></div></div><br/></div>"`;
 
-exports[`ssr snapshot test > ssr test src/skeleton/_example/advance.tsx 1`] = `"<div style="width:100%"><div class="t-skeleton-demo-card"><div class="header">组合成网页效果</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:33%;height:180px">image</div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:33%;height:180px">image</div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:33%;height:180px">image</div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:50px;height:50px"></div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:calc(100% - 170px);height:30px;margin:20px 0"></div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:80px;height:30px;margin-left:20px">确定</div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%;margin:0 0 16px 0"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:100%;height:300px"><div class="row-col-content"><h3 class="row-col-content__header">标题</h3><div class="row-col-content__content">内容</div></div></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">组合成列表效果</div><div class="content"><ul><li style="padding:16px 0;display:flex"><div style="display:inline-block;height:56px;margin:6px 16px 6px 0px;flex-shrink:0"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div><div style="display:inline-block;width:90%"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></li><li style="padding:16px 0;display:flex"><div style="display:inline-block;height:56px;margin:6px 16px 6px 0px;flex-shrink:0"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div><div style="display:inline-block;width:90%"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></li><li style="padding:16px 0;display:flex"><div style="display:inline-block;height:56px;margin:6px 16px 6px 0px;flex-shrink:0"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div><div style="display:inline-block;width:90%"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/skeleton/_example/advance.tsx 1`] = `"<div style="width:100%"><div class="t-skeleton-demo-card"><div class="header">组合成网页效果</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:33%;height:180px">image</div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:33%;height:180px">image</div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:33%;height:180px">image</div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:50px;height:50px"></div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:calc(100% - 170px);height:30px;margin:20px 0"></div><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:80px;height:30px;margin-left:20px">确定</div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%;margin:0 0 16px 0"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:100%;height:300px"><div class="row-col-content"><h3 class="row-col-content__header">标题</h3><div class="row-col-content__content">内容</div></div></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">组合成列表效果</div><div class="content"><ul><li style="padding:16px 0;display:flex"><div style="display:inline-block;height:56px;margin:6px 16px 6px 0px;flex-shrink:0"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div><div style="display:inline-block;width:90%"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></li><li style="padding:16px 0;display:flex"><div style="display:inline-block;height:56px;margin:6px 16px 6px 0px;flex-shrink:0"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div><div style="display:inline-block;width:90%"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></li><li style="padding:16px 0;display:flex"><div style="display:inline-block;height:56px;margin:6px 16px 6px 0px;flex-shrink:0"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div><div style="display:inline-block;width:90%"><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/skeleton/_example/animation.tsx 1`] = `"<div class="t-skeleton-demo"><div class="t-skeleton-demo-card"><div class="header">渐变加载动画</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">闪烁加载动画</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/skeleton/_example/animation.tsx 1`] = `"<div class="t-skeleton-demo"><div class="t-skeleton-demo-card"><div class="header">渐变加载动画</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">闪烁加载动画</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/skeleton/_example/base.tsx 1`] = `"<div><div><button style="margin-bottom:20px" type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/skeleton/_example/base.tsx 1`] = `"<div><div><button style="margin-bottom:20px" type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/skeleton/_example/delay.tsx 1`] = `"<div><div><button style="margin-bottom:20px" type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed"></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/skeleton/_example/delay.tsx 1`] = `"<div><div><button style="margin-bottom:20px" type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed"></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/skeleton/_example/theme.tsx 1`] = `"<div class="t-skeleton-demo"><div class="t-skeleton-demo-card"><div class="header">文本</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">头像</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">段落</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">头像描述</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:32px"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">选项卡</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:200px"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">文章</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:100%;height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:100%;height:200px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/skeleton/_example/theme.tsx 1`] = `"<div class="t-skeleton-demo"><div class="t-skeleton-demo-card"><div class="header">文本</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">头像</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none" style="width:56px;height:56px"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">段落</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:70%"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">头像描述</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-circle t-skeleton--animation-none"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:32px"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">选项卡</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:200px"></div></div></div></div></div><div class="t-skeleton-demo-card"><div class="header">文章</div><div class="content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:100%;height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none" style="width:100%;height:200px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="height:30px"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/base.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/base.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/disabled.tsx 1`] = `"<div class="t-slider__container"><div class="t-slider t-is-disabled"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/disabled.tsx 1`] = `"<div class="t-slider__container"><div class="t-slider t-is-disabled"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/input-number.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider t-slider--with-input"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container"><div class="t-input-number t-size-m t-input-number--row t-slider-input"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div><div class="t-slider__container"><div class="t-slider t-slider--with-input"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container"><div class="t-input-number t-size-m t-input-number--row t-slider-input"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div><div class="t-slider__center-line"></div><div class="t-input-number t-size-m t-input-number--row t-slider-input"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/input-number.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider t-slider--with-input"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container"><div class="t-input-number t-size-m t-input-number--row t-slider-input"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div><div class="t-slider__container"><div class="t-slider t-slider--with-input"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container"><div class="t-input-number t-size-m t-input-number--row t-slider-input"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div><div class="t-slider__center-line"></div><div class="t-input-number t-size-m t-input-number--row t-slider-input"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/input-number-vertical.tsx 1`] = `"<div style="display:flex;justify-content:center"><div style="height:300px;margin-right:100px"><div style="margin-bottom:50px" class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical t-slider--with-input"><div class="t-slider__rail"><div style="bottom:0%;height:10%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container is-vertical"><div class="t-input-number t-size-m t-input-number--row t-slider-input is-vertical"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div><div style="height:300px"><div class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical t-slider--with-input"><div class="t-slider__rail"><div style="bottom:10%;height:70%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="bottom:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container is-vertical"><div class="t-input-number t-size-m t-input-number--row t-slider-input is-vertical"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div><div class="t-slider__center-line"></div><div class="t-input-number t-size-m t-input-number--row t-slider-input is-vertical"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/input-number-vertical.tsx 1`] = `"<div style="display:flex;justify-content:center"><div style="height:300px;margin-right:100px"><div style="margin-bottom:50px" class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical t-slider--with-input"><div class="t-slider__rail"><div style="bottom:0%;height:10%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container is-vertical"><div class="t-input-number t-size-m t-input-number--row t-slider-input is-vertical"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div><div style="height:300px"><div class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical t-slider--with-input"><div class="t-slider__rail"><div style="bottom:10%;height:70%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="bottom:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div><div class="t-slider__input-container is-vertical"><div class="t-input-number t-size-m t-input-number--row t-slider-input is-vertical"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div><div class="t-slider__center-line"></div><div class="t-input-number t-size-m t-input-number--row t-slider-input is-vertical"><button type="button" class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-size-m"><path fill="currentColor" d="M4 11h16v2H4v-2z"></path></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="please enter" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div><button type="button" class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-size-m"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/marks.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:12%" class="t-slider__stop"></div><div style="left:37%" class="t-slider__stop"></div><div style="left:60%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">0°C</div><div style="left:12%" class="t-slider__mark-text">12°C</div><div style="left:37%" class="t-slider__mark-text">37°C</div><div style="left:60%" class="t-slider__mark-text"><button style="color:#1989FA">60°C</button></div></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:8%" class="t-slider__stop"></div><div style="left:37%" class="t-slider__stop"></div><div style="left:50%" class="t-slider__stop"></div><div style="left:70%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">0°C</div><div style="left:8%" class="t-slider__mark-text">8°C</div><div style="left:37%" class="t-slider__mark-text">37°C</div><div style="left:50%" class="t-slider__mark-text"><strong style="color:#1989FA">50°C</strong></div><div style="left:70%" class="t-slider__mark-text">70°C</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/marks.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:12%" class="t-slider__stop"></div><div style="left:37%" class="t-slider__stop"></div><div style="left:60%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">0°C</div><div style="left:12%" class="t-slider__mark-text">12°C</div><div style="left:37%" class="t-slider__mark-text">37°C</div><div style="left:60%" class="t-slider__mark-text"><button style="color:#1989FA">60°C</button></div></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:8%" class="t-slider__stop"></div><div style="left:37%" class="t-slider__stop"></div><div style="left:50%" class="t-slider__stop"></div><div style="left:70%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">0°C</div><div style="left:8%" class="t-slider__mark-text">8°C</div><div style="left:37%" class="t-slider__mark-text">37°C</div><div style="left:50%" class="t-slider__mark-text"><strong style="color:#1989FA">50°C</strong></div><div style="left:70%" class="t-slider__mark-text">70°C</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/min-and-max.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:0%" class="t-slider__track"></div><div style="left:0%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">min:10</div><div style="left:100%" class="t-slider__mark-text">max:30</div></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:50%" class="t-slider__track"></div><div style="left:0%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:50%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">min:10</div><div style="left:100%" class="t-slider__mark-text">max:30</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/min-and-max.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:0%" class="t-slider__track"></div><div style="left:0%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">min:10</div><div style="left:100%" class="t-slider__mark-text">max:30</div></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:50%" class="t-slider__track"></div><div style="left:0%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:50%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"><div style="left:0%" class="t-slider__mark-text">min:10</div><div style="left:100%" class="t-slider__mark-text">max:30</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/step.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/step.tsx 1`] = `"<div style="margin-bottom:50px" class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:10%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:10%;width:70%" class="t-slider__track"></div><div style="left:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="left:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/vertical.tsx 1`] = `"<div style="display:flex;justify-content:center"><div style="height:300px;margin-right:100px"><div style="margin-bottom:50px" class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:0%;height:10%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div></div><div style="height:300px"><div class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:10%;height:70%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="bottom:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/vertical.tsx 1`] = `"<div style="display:flex;justify-content:center"><div style="height:300px;margin-right:100px"><div style="margin-bottom:50px" class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:0%;height:10%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div></div><div style="height:300px"><div class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:10%;height:70%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="bottom:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/slider/_example/vertical-marks.tsx 1`] = `"<div style="display:flex;justify-content:center"><div style="height:400px;margin-right:100px"><div style="margin-bottom:50px" class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:0%;height:10%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="top:88%" class="t-slider__stop"></div><div style="top:63%" class="t-slider__stop"></div><div style="top:40%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="top:100%" class="t-slider__mark-text">0°C</div><div style="top:88%" class="t-slider__mark-text">12°C</div><div style="top:63%" class="t-slider__mark-text">37°C</div><div style="top:40%" class="t-slider__mark-text"><button style="color:#1989FA">60°C</button></div></div></div></div></div></div><div style="height:400px"><div class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:10%;height:70%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="bottom:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="top:92%" class="t-slider__stop"></div><div style="top:63%" class="t-slider__stop"></div><div style="top:50%" class="t-slider__stop"></div><div style="top:30.000000000000004%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="top:100%" class="t-slider__mark-text">0°C</div><div style="top:92%" class="t-slider__mark-text">8°C</div><div style="top:63%" class="t-slider__mark-text">37°C</div><div style="top:50%" class="t-slider__mark-text"><strong style="color:#1989FA">50°C</strong></div><div style="top:30.000000000000004%" class="t-slider__mark-text">70°C</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/slider/_example/vertical-marks.tsx 1`] = `"<div style="display:flex;justify-content:center"><div style="height:400px;margin-right:100px"><div style="margin-bottom:50px" class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:0%;height:10%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="top:88%" class="t-slider__stop"></div><div style="top:63%" class="t-slider__stop"></div><div style="top:40%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="top:100%" class="t-slider__mark-text">0°C</div><div style="top:88%" class="t-slider__mark-text">12°C</div><div style="top:63%" class="t-slider__mark-text">37°C</div><div style="top:40%" class="t-slider__mark-text"><button style="color:#1989FA">60°C</button></div></div></div></div></div></div><div style="height:400px"><div class="t-slider__container is-vertical"><div class="t-slider t-slider--vertical"><div class="t-slider__rail"><div style="bottom:10%;height:70%" class="t-slider__track"></div><div style="bottom:10%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div style="bottom:80%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="top:92%" class="t-slider__stop"></div><div style="top:63%" class="t-slider__stop"></div><div style="top:50%" class="t-slider__stop"></div><div style="top:30.000000000000004%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="top:100%" class="t-slider__mark-text">0°C</div><div style="top:92%" class="t-slider__mark-text">8°C</div><div style="top:63%" class="t-slider__mark-text">37°C</div><div style="top:50%" class="t-slider__mark-text"><strong style="color:#1989FA">50°C</strong></div><div style="top:30.000000000000004%" class="t-slider__mark-text">70°C</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/space/_example/align.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-start t-space-horizontal"><div class="t-space-item"><div>start</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div>center</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-end t-space-horizontal"><div class="t-space-item"><div>end</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-baseline t-space-horizontal"><div class="t-space-item"><div>baseline</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/space/_example/align.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-start t-space-horizontal"><div class="t-space-item"><div>start</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div>center</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-end t-space-horizontal"><div class="t-space-item"><div>end</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div><div class="t-space-item"><div style="padding:12px;border:1px dashed var(--td-component-stroke);gap:16px" class="t-space t-space-align-baseline t-space-horizontal"><div class="t-space-item"><div>baseline</div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><div style="background:var(--td-bg-color-component);height:60px;width:60px"></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/space/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/space/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/space/_example/break-line.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/space/_example/break-line.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/space/_example/separator.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">Text</span></button></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical"></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">Text</span></button></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical"></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">Text</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/space/_example/separator.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">Text</span></button></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical"></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">Text</span></button></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical"></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">Text</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/space/_example/size.tsx 1`] = `"<div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:8%" class="t-slider__track"></div><div style="left:8%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div><br/><div style="gap:8px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/space/_example/size.tsx 1`] = `"<div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:8%" class="t-slider__track"></div><div style="left:8%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"></div><div class="t-slider__mark"></div></div></div></div><br/><div style="gap:8px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Button</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/space/_example/vertical.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header"></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header"></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header"></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/space/_example/vertical.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header"></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header"></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header"></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/animation.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Start</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Update value</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">refs</span></button></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">0.00</span><span class="t-statistic-content-suffix">%</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/statistic/_example/animation.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Start</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Update value</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">refs</span></button></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">0.00</span><span class="t-statistic-content-suffix">%</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/base.tsx 1`] = `"<div style="gap:100px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">USD</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/statistic/_example/base.tsx 1`] = `"<div style="gap:100px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">USD</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-text-color-primary)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-brand-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-error-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-warning-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-success-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/statistic/_example/color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-text-color-primary)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-brand-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-error-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-warning-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-success-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/combination.tsx 1`] = `"<div style="gap:100px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><i style="font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:var(--td-radius-medium);padding:12px" class="t-icon t-icon-chart"></i></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span><span class="t-statistic-content-suffix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span><span class="t-statistic-content-value">52.18</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><i style="font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:50%;padding:12px" class="t-icon t-icon-internet"></i></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header t-card__title--bordered"><div class="t-card__header-wrapper"><div><div class="t-card__title">Yesterday traffic</div></div></div></div><div class="t-card__body"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Voice duration</div><div class="t-statistic-content"><span class="t-statistic-content-value">789</span><span class="t-statistic-content-unit">minute</span></div><div class="t-statistic-extra">the day before 9%</div></div></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical" style="height:100%"></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total number of voice DAUs</div><div class="t-statistic-content" style="color:var(--td-error-color)"><span class="t-statistic-content-value">188</span></div><div class="t-statistic-extra"><div style="gap:0px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:7px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="width:120px">the day before</div></div><div class="t-space-item"><i style="color:#d54941;font-size:var(--td-font-size-body-large)" class="t-icon t-icon-arrow-up"></i></div><div class="t-space-item">9%</div></div></div><div class="t-space-item"><div style="gap:7px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="width:120px">last week</div></div><div class="t-space-item"><i style="color:#2ba471;font-size:var(--td-font-size-body-large)" class="t-icon t-icon-arrow-down"></i></div><div class="t-space-item">9%</div></div></div></div></div></div></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical" style="height:100%"></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-success-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span><span class="t-statistic-content-value">52.18</span><span class="t-statistic-content-unit">%</span></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/statistic/_example/combination.tsx 1`] = `"<div style="gap:100px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><i style="font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:var(--td-radius-medium);padding:12px" class="t-icon t-icon-chart"></i></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span><span class="t-statistic-content-suffix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span><span class="t-statistic-content-value">52.18</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><i style="font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:50%;padding:12px" class="t-icon t-icon-internet"></i></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered t-card--shadow-hover"><div class="t-card__header t-card__title--bordered"><div class="t-card__header-wrapper"><div><div class="t-card__title">Yesterday traffic</div></div></div></div><div class="t-card__body"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Voice duration</div><div class="t-statistic-content"><span class="t-statistic-content-value">789</span><span class="t-statistic-content-unit">minute</span></div><div class="t-statistic-extra">the day before 9%</div></div></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical" style="height:100%"></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total number of voice DAUs</div><div class="t-statistic-content" style="color:var(--td-error-color)"><span class="t-statistic-content-value">188</span></div><div class="t-statistic-extra"><div style="gap:0px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:7px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="width:120px">the day before</div></div><div class="t-space-item"><i style="color:#d54941;font-size:var(--td-font-size-body-large)" class="t-icon t-icon-arrow-up"></i></div><div class="t-space-item">9%</div></div></div><div class="t-space-item"><div style="gap:7px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="width:120px">last week</div></div><div class="t-space-item"><i style="color:#2ba471;font-size:var(--td-font-size-body-large)" class="t-icon t-icon-arrow-down"></i></div><div class="t-space-item">9%</div></div></div></div></div></div></div><div class="t-space-item-separator"><div class="t-divider t-divider--vertical" style="height:100%"></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content" style="color:var(--td-success-color)"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span><span class="t-statistic-content-value">52.18</span><span class="t-statistic-content-unit">%</span></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/loading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Downloads</div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/statistic/_example/loading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Downloads</div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/slot.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg></span><span class="t-statistic-content-value">56.32</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix">$</span><span class="t-statistic-content-value">176,059</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">62.58</span><span class="t-statistic-content-unit">%</span><span class="t-statistic-content-suffix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled" style="color:#ee4d38"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/statistic/_example/slot.tsx 1`] = `"<div style="gap:32px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform"><path fill="currentColor" d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"></path></svg></span><span class="t-statistic-content-value">56.32</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix">$</span><span class="t-statistic-content-value">176,059</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">62.58</span><span class="t-statistic-content-unit">%</span><span class="t-statistic-content-suffix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled" style="color:#ee4d38"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/trend.tsx 1`] = `"<div style="gap:100px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span><span class="t-statistic-content-suffix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/statistic/_example/trend.tsx 1`] = `"<div style="gap:100px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-up-filled"><path fill="currentColor" d="M15 12h4.5L12 2 4.5 12H9v10h6V12z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span></div></div></div><div class="t-space-item"><div class="t-statistic"><div class="t-statistic-title">Total Assets</div><div class="t-statistic-content"><span class="t-statistic-content-value">82.76</span><span class="t-statistic-content-unit">%</span><span class="t-statistic-content-suffix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-triangle-down-filled"><path fill="currentColor" d="M15 12h4.5L12 22 4.5 12H9V2h6v10z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/steps/_example/extra.tsx 1`] = `"<div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤1</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤2</div><div class="t-steps-item__description">这里是提示文字</div><div class="t-steps-item__extra"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text">pre</span></button><div style="display:inline;margin-left:4px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">Next</span></button></div></div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤3</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤4</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/steps/_example/extra.tsx 1`] = `"<div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤1</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤2</div><div class="t-steps-item__description">这里是提示文字</div><div class="t-steps-item__extra"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text">pre</span></button><div style="display:inline;margin-left:4px"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">Next</span></button></div></div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤3</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">步骤4</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/steps/_example/icon.tsx 1`] = `"<div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login"><path fill="currentColor" d="M3 11h9.59l-3.5-3.5 1.41-1.41L16.41 12l-5.91 5.91-1.41-1.41 3.5-3.5H3v-2zm11 8.5h5v-15h-5v-2h7v19h-7v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">登录</div><div class="t-steps-item__description">已完成状态</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cart"><path fill="currentColor" d="M0 1h4.76l.55 2h18.08l-3.67 11H7.78l-.5 2H22v2H4.72l1.25-4.99L3.24 3H0V1zm7.76 11h10.52l2.33-7H5.85l1.91 7zM4 21a2 2 0 114 0 2 2 0 01-4 0zm14 0a2 2 0 114 0 2 2 0 01-4 0z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">购物</div><div class="t-steps-item__description">进行中状态</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-wallet"><path fill="currentColor" d="M2 5a3 3 0 013-3h15v2H5a1 1 0 000 2h14a3 3 0 013 3v10a3 3 0 01-3 3H2V5zm2 2.83V20h15a1 1 0 001-1V9a1 1 0 00-1-1H5a3 3 0 01-1-.17zM15 13h3v2h-3v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">支付</div><div class="t-steps-item__description">未开始</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-12.5 4.41L6.09 12l1.41-1.41 3 3 6-6L17.91 9l-7.41 7.41z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">完成</div><div class="t-steps-item__description">未开始</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/steps/_example/icon.tsx 1`] = `"<div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login"><path fill="currentColor" d="M3 11h9.59l-3.5-3.5 1.41-1.41L16.41 12l-5.91 5.91-1.41-1.41 3.5-3.5H3v-2zm11 8.5h5v-15h-5v-2h7v19h-7v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">登录</div><div class="t-steps-item__description">已完成状态</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cart"><path fill="currentColor" d="M0 1h4.76l.55 2h18.08l-3.67 11H7.78l-.5 2H22v2H4.72l1.25-4.99L3.24 3H0V1zm7.76 11h10.52l2.33-7H5.85l1.91 7zM4 21a2 2 0 114 0 2 2 0 01-4 0zm14 0a2 2 0 114 0 2 2 0 01-4 0z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">购物</div><div class="t-steps-item__description">进行中状态</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-wallet"><path fill="currentColor" d="M2 5a3 3 0 013-3h15v2H5a1 1 0 000 2h14a3 3 0 013 3v10a3 3 0 01-3 3H2V5zm2 2.83V20h15a1 1 0 001-1V9a1 1 0 00-1-1H5a3 3 0 01-1-.17zM15 13h3v2h-3v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">支付</div><div class="t-steps-item__description">未开始</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-12.5 4.41L6.09 12l1.41-1.41 3 3 6-6L17.91 9l-7.41 7.41z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">完成</div><div class="t-steps-item__description">未开始</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/steps/_example/no-sequence.tsx 1`] = `"<div class="t-steps t-steps--dot-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/steps/_example/no-sequence.tsx 1`] = `"<div class="t-steps t-steps--dot-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/steps/_example/sequence.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/steps/_example/sequence.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/steps/_example/status.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--error"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-error"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error"><path fill="currentColor" d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">错误的步骤</div><div class="t-steps-item__description">优先展示\`t-step\`中设置的 status</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/steps/_example/status.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--horizontal t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--error"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-error"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error"><path fill="currentColor" d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">错误的步骤</div><div class="t-steps-item__description">优先展示\`t-step\`中设置的 status</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/steps/_example/vertical-no-sequence.tsx 1`] = `"<div style="display:flex;justify-content:space-between"><div class="t-steps t-steps--dot-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div><div class="t-steps t-steps--dot-anchor t-steps--vertical t-steps--reverse t-steps--line-separator"><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/steps/_example/vertical-no-sequence.tsx 1`] = `"<div style="display:flex;justify-content:space-between"><div class="t-steps t-steps--dot-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div><div class="t-steps t-steps--dot-anchor t-steps--vertical t-steps--reverse t-steps--line-separator"><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/steps/_example/vertical-sequence.tsx 1`] = `"<div style="display:flex;justify-content:space-between"><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--reverse t-steps--line-separator"><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/steps/_example/vertical-sequence.tsx 1`] = `"<div style="display:flex;justify-content:space-between"><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--reverse t-steps--line-separator"><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/sticky-tool/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/sticky-tool/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/sticky-tool/_example/compact.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/sticky-tool/_example/compact.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/sticky-tool/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg><div class="t-sticky-item__label">qrcode</div></div></div></div><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-220px;bottom:0px" class="t-sticky-tool t-sticky-tool--round"><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/sticky-tool/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg><div class="t-sticky-item__label">qrcode</div></div></div></div><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-220px;bottom:0px" class="t-sticky-tool t-sticky-tool--round"><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat"><path fill="currentColor" d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"></path></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode"><path fill="currentColor" d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"></path></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/base.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/base.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/card.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content t-swiper-card"><div class="t-swiper__container" style="height:280px"><div class="t-swiper__container__item t-swiper__card t-is-active" style="-ms-transform:translateX(NaNpx) scale(1);-webkit-transform:translateX(NaNpx) scale(1);transform:translateX(NaNpx) scale(1);transition:transform 0.3s ease;z-index:2" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:1" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:0" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:0" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:0" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:1" data-index="5"><div class="demo-item">6</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/card.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content t-swiper-card"><div class="t-swiper__container" style="height:280px"><div class="t-swiper__container__item t-swiper__card t-is-active" style="-ms-transform:translateX(NaNpx) scale(1);-webkit-transform:translateX(NaNpx) scale(1);transform:translateX(NaNpx) scale(1);transition:transform 0.3s ease;z-index:2" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:1" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:0" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:0" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:0" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item t-swiper__card" style="-ms-transform:translateX(NaNpx) scale(0.6325301204819277);-webkit-transform:translateX(NaNpx) scale(0.6325301204819277);transform:translateX(NaNpx) scale(0.6325301204819277);transition:transform 0.3s ease;z-index:1" data-index="5"><div class="demo-item">6</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/current.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space tdesign-demo-block--swiper t-space-vertical"><div class="t-space-item"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">跳转到第 <!-- -->2<!-- --> 项</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/current.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space tdesign-demo-block--swiper t-space-vertical"><div class="t-space-item"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base t-size-s"><span class="t-button__text">跳转到第 <!-- -->2<!-- --> 项</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/fade.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content t-swiper-fade"><div class="t-swiper__container" style="height:280px"><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active t-swiper__fade" style="opacity:1" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/fade.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content t-swiper-fade"><div class="t-swiper__container" style="height:280px"><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active t-swiper__fade" style="opacity:1" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-swiper__fade" style="opacity:0" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/fraction.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><div class="t-swiper__navigation t-swiper__navigation--fraction"><div class="t-swiper__arrow"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__navigation-text-fraction">1<!-- -->/<!-- -->6</div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/fraction.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><div class="t-swiper__navigation t-swiper__navigation--fraction"><div class="t-swiper__arrow"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__navigation-text-fraction">1<!-- -->/<!-- -->6</div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/placement.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--outside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/placement.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--outside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/size.tsx 1`] = `"<div class="tdesign-demo-block--swiper" style="width:1000px"><h3>large</h3><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside t-swiper--large"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item demo-large">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item demo-large">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item demo-large">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item demo-large">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item demo-large">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item demo-large">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item demo-large">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item demo-large">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div><div class="tdesign-demo-block--swiper" style="width:500px;margin-top:20px"><h3>small</h3><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside t-swiper--small"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item demo-small">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item demo-small">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item demo-small">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item demo-small">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item demo-small">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item demo-small">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item demo-small">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item demo-small">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/size.tsx 1`] = `"<div class="tdesign-demo-block--swiper" style="width:1000px"><h3>large</h3><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside t-swiper--large"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item demo-large">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item demo-large">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item demo-large">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item demo-large">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item demo-large">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item demo-large">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item demo-large">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item demo-large">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div><div class="tdesign-demo-block--swiper" style="width:500px;margin-top:20px"><h3>small</h3><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside t-swiper--small"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item demo-small">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item demo-small">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item demo-small">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item demo-small">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item demo-small">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item demo-small">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item demo-small">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item demo-small">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swiper/_example/vertical.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside t-swiper--vertical"><div class="t-swiper__content"><div class="t-swiper__container" style="height:280px;-ms-transform:translate3d(0, -100%, 0px);-webkit-transform:translate3d(0, -100%, 0px);transform:translate3d(0, -100%, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/swiper/_example/vertical.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside t-swiper--vertical"><div class="t-swiper__content"><div class="t-swiper__container" style="height:280px;-ms-transform:translate3d(0, -100%, 0px);-webkit-transform:translate3d(0, -100%, 0px);transform:translate3d(0, -100%, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/switch/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/beforeChange.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/switch/_example/beforeChange.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/describe.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content">关</div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content">开</div></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"><svg class="t-icon t-icon-close"><use xlink:href="#t-icon-close"></use></svg></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"><svg class="t-icon t-icon-check"><use xlink:href="#t-icon-check"></use></svg></div></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/switch/_example/describe.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content">关</div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content">开</div></button></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"><svg class="t-icon t-icon-close"><use xlink:href="#t-icon-close"></use></svg></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"><svg class="t-icon t-icon-check"><use xlink:href="#t-icon-check"></use></svg></div></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-s"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/switch/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-s"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-loading t-size-l"><span class="t-switch__handle"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" disabled="" class="t-switch t-is-disabled t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/switch/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" role="switch" class="t-switch t-is-checked t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-loading t-size-l"><span class="t-switch__handle"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span><div class="t-switch__content"></div></button></div><div class="t-space-item"><button type="button" role="switch" disabled="" class="t-switch t-is-disabled t-size-l"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/affix.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space tdesign-demo__table-affix t-space-vertical"><div class="t-space-item"><div><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">表头吸顶</span></label><label tabindex="0" class="t-checkbox t-is-checked" style="margin-left:32px" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">表尾吸底</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">滚动条吸底</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">分页器吸底</span></label><label tabindex="0" class="t-checkbox t-is-checked" style="margin-left:32px" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定左侧列</span></label><label tabindex="0" class="t-checkbox t-is-checked" style="margin-left:32px" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定右侧列</span></label></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--affixed-header t-table--col-draggable t-table--column-resizable" style="position:relative"><div><div><div class="t-table__affixed-header-elm-wrap" style="width:0px;height:0px;opacity:1"></div></div></div><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup></colgroup><thead class="t-table__header"><tr></tr></thead><tbody class="t-table__body"><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr></tbody><tfoot class="t-table__footer"><tr class="t-tdesign__custom-footer-tr"></tr></tfoot></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 38 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number">6</li><li class="t-pagination__number">7</li><li class="t-pagination__number">8</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/affix.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space tdesign-demo__table-affix t-space-vertical"><div class="t-space-item"><div><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">表头吸顶</span></label><label tabindex="0" class="t-checkbox t-is-checked" style="margin-left:32px" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">表尾吸底</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">滚动条吸底</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">分页器吸底</span></label><label tabindex="0" class="t-checkbox t-is-checked" style="margin-left:32px" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定左侧列</span></label><label tabindex="0" class="t-checkbox t-is-checked" style="margin-left:32px" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定右侧列</span></label></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--affixed-header t-table--col-draggable t-table--column-resizable" style="position:relative"><div><div><div class="t-table__affixed-header-elm-wrap" style="width:0px;height:0px;opacity:1"></div></div></div><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup></colgroup><thead class="t-table__header"><tr></tr></thead><tbody class="t-table__body"><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr><tr class="t-tdesign__custom-body-tr"></tr></tbody><tfoot class="t-table__footer"><tr class="t-tdesign__custom-footer-tr"></tr></tfoot></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 38 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number">6</li><li class="t-pagination__number">7</li><li class="t-pagination__number">8</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/async-loading.tsx 1`] = `"<div><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;load-more&#x27;" value="load-more"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载更多</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading&#x27;" checked="" value="loading"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载中</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading-custom&#x27;" value="loading-custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义加载更多</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;&#x27;" value=""/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载完成</span></label></div><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class="t-table__row--full t-table__last-full-row"><td colSpan="5"><div class=""><div class="t-table__row-full-element"><div class="t-table__async-loading t-is-loading"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">loading...</div></div></div></div></div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/async-loading.tsx 1`] = `"<div><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;load-more&#x27;" value="load-more"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载更多</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading&#x27;" checked="" value="loading"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载中</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;loading-custom&#x27;" value="loading-custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义加载更多</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;&#x27;" value=""/><span class="t-radio-button__input"></span><span class="t-radio-button__label">加载完成</span></label></div><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class="t-table__row--full t-table__last-full-row"><td colSpan="5"><div class=""><div class="t-table__row-full-element"><div class="t-table__async-loading t-is-loading"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">loading...</div></div></div></div></div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">小尺寸</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">中尺寸</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">大尺寸</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示斑马纹</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示表格边框</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示悬浮效果</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">宽度自适应</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示表头</span></label></div></div></div><div class="t-space-item"><div class="t-table t-vertical-align-top t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class="0-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class="1-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="2-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class="3-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class="4-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class="5-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class="6-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class="7-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class="8-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class="9-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class="10-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class="11-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class="12-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class="13-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="14-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class="15-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class="16-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class="17-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class="18-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class="19-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class="20-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class="21-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class="22-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class="23-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class="24-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class="25-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="26-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class="27-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 28 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number">1</li><li class="t-pagination__number t-is-current">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number">6</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 6 </span></span></div></div></div></div></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;small&#x27;" value="small"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">小尺寸</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;medium&#x27;" checked="" value="medium"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">中尺寸</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;large&#x27;" value="large"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">大尺寸</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示斑马纹</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示表格边框</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示悬浮效果</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">宽度自适应</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示表头</span></label></div></div></div><div class="t-space-item"><div class="t-table t-vertical-align-top t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class="0-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class="1-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="2-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class="3-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class="4-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class="5-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class="6-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class="7-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class="8-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class="9-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class="10-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class="11-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class="12-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class="13-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="14-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class="15-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class="16-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class="17-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class="18-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class="19-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class="20-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class="21-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class="22-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class="23-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class="24-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class="25-class"><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="26-class"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class="27-class"><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 28 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number">1</li><li class="t-pagination__number t-is-current">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number">6</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 6 </span></span></div></div></div></div></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/custom-cell.tsx 1`] = `"<div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner"><span style="display:flex;align-items:center"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="margin-right:5px"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg>申请人</span></div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="email" class="t-table__th-email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class=""><div>宣传物料制作费用</div></td><td class=""><div>w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class=""><div>algolia 服务报销</div></td><td class=""><div>r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class=""><div>相关周边制作费</div></td><td class=""><div>p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class=""><div>激励奖品快递费</div></td><td class=""><div>w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class=""><div>宣传物料制作费用</div></td><td class=""><div>r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/custom-cell.tsx 1`] = `"<div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner"><span style="display:flex;align-items:center"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="margin-right:5px"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg>申请人</span></div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="email" class="t-table__th-email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class=""><div>宣传物料制作费用</div></td><td class=""><div>w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class=""><div>algolia 服务报销</div></td><td class=""><div>r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class=""><div>相关周边制作费</div></td><td class=""><div>p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class=""><div>激励奖品快递费</div></td><td class=""><div>w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class=""><div>宣传物料制作费用</div></td><td class=""><div>r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/custom-col.tsx 1`] = `"<div style="max-width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">显示列配置弹窗</span></button></div><div class="t-space-item"><div class="t-table t-table--striped t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/custom-col.tsx 1`] = `"<div style="max-width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">显示列配置弹窗</span></button></div><div class="t-space-item"><div class="t-table t-table--striped t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/custom-col-button.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top-left&#x27;" value="top-left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左上角</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top-right&#x27;" checked="" value="top-right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右上角</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom-left&#x27;" value="bottom-left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左下角</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom-right&#x27;" value="bottom-right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右下角</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否显示边框</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自定义列配置按钮</span></label></div></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--striped" style="position:relative"><div class="t-table__top-content"><div class="t-table__column-controller-trigger t-align-top-right"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-setting"><path fill="currentColor" d="M12 .85l9.66 5.57v11.16L12 23.15l-9.66-5.57V6.42L12 .85zm0 2.3L4.34 7.58v8.84L12 20.85l7.66-4.43V7.58L12 3.15zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></svg><span class="t-button__text">Column Config</span></button></div></div><div class="t-table__content"><table class="t-table--layout-auto"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col/><col/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/custom-col-button.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top-left&#x27;" value="top-left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左上角</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top-right&#x27;" checked="" value="top-right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右上角</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom-left&#x27;" value="bottom-left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左下角</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom-right&#x27;" value="bottom-right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右下角</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否显示边框</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自定义列配置按钮</span></label></div></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--striped" style="position:relative"><div class="t-table__top-content"><div class="t-table__column-controller-trigger t-align-top-right"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-setting"><path fill="currentColor" d="M12 .85l9.66 5.57v11.16L12 23.15l-9.66-5.57V6.42L12 .85zm0 2.3L4.34 7.58v8.84L12 20.85l7.66-4.43V7.58L12 3.15zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></svg><span class="t-button__text">Column Config</span></button></div></div><div class="t-table__content"><table class="t-table--layout-auto"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col/><col/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">20</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/custom-footer.tsx 1`] = `"<div class="tdesign-demo-block-column-large tdesign-demo__table"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">普通表尾</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;full&#x27;" value="full"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">通栏表尾</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;custom&#x27;" value="custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义表尾合并列</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="width:150px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr></tbody><tfoot class="t-table__footer"><tr class=""><td class=""><b style="font-weight:bold">表尾信息</b></td><td class=""><div style="width:100%">表尾信息 </div></td><td class="">表尾信息</td><td class=""><div>表尾信息</div></td><td class=""><div style="text-align:left">表尾信息</div></td></tr></tfoot></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/custom-footer.tsx 1`] = `"<div class="tdesign-demo-block-column-large tdesign-demo__table"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">普通表尾</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;full&#x27;" value="full"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">通栏表尾</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;custom&#x27;" value="custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义表尾合并列</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="width:150px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr></tbody><tfoot class="t-table__footer"><tr class=""><td class=""><b style="font-weight:bold">表尾信息</b></td><td class=""><div style="width:100%">表尾信息 </div></td><td class="">表尾信息</td><td class=""><div>表尾信息</div></td><td class=""><div style="text-align:left">表尾信息</div></td></tr></tfoot></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/custom-header.tsx 1`] = `"<div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="width:200px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner"><b style="font-weight:bold">申请事项</b></div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class="">宣传物料制作费用</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class="">algolia 服务报销</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class="">相关周边制作费</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class="">激励奖品快递费</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class="">宣传物料制作费用</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/custom-header.tsx 1`] = `"<div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="width:200px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner"><b style="font-weight:bold">申请事项</b></div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class="">宣传物料制作费用</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class="">algolia 服务报销</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class="">相关周边制作费</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class="">激励奖品快递费</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class="">宣传物料制作费用</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/data-sort.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><label tabindex="0" class="t-checkbox" style="margin-bottom:16px"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否允许多字段排序</span></label></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请耗时(天)</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/data-sort.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><label tabindex="0" class="t-checkbox" style="margin-bottom:16px"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否允许多字段排序</span></label></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请耗时(天)</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/drag-col-sort.tsx 1`] = `"<div class="t-table t-table--col-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant t-table__th--drag-sort"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status t-table__th--drag-sort"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel t-table__th--drag-sort"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email t-table__th--drag-sort"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime t-table__th--drag-sort"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/drag-col-sort.tsx 1`] = `"<div class="t-table t-table--col-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant t-table__th--drag-sort"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status t-table__th--drag-sort"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel t-table__th--drag-sort"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email t-table__th--drag-sort"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime t-table__th--drag-sort"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/drag-sort.tsx 1`] = `"<div class="t-table t-table--row-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr data-id="1" class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr data-id="2" class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr data-id="3" class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr data-id="4" class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr data-id="5" class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/drag-sort.tsx 1`] = `"<div class="t-table t-table--row-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr data-id="1" class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr data-id="2" class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr data-id="3" class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr data-id="4" class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr data-id="5" class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/drag-sort-handler.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加载状态</span></label></div><div class="t-space-item"><div class="t-table t-table--row-handler-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:46px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="drag" class="t-table__th-drag"><div class="t-table__th-cell-inner">排序</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr data-id="1" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr data-id="2" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr data-id="3" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr data-id="4" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr data-id="5" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/drag-sort-handler.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">加载状态</span></label></div><div class="t-space-item"><div class="t-table t-table--row-handler-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:46px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="drag" class="t-table__th-drag"><div class="t-table__th-cell-inner">排序</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr data-id="1" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr data-id="2" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr data-id="3" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr data-id="4" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr data-id="5" class=""><td class="t-table__handle-draggable"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/editable-cell.tsx 1`] = `"<div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="width:280px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="firstName" class="t-table__th-firstName"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="letters" class="t-table__th-letters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">创建日期</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr><tr class=""><td class=""></td><td class=""></td><td class=""></td><td class=""></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/editable-cell.tsx 1`] = `"<div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="width:280px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="firstName" class="t-table__th-firstName"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="letters" class="t-table__th-letters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">创建日期</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr><tr class=""><td class=""></td><td class=""></td><td class=""></td><td class=""></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell--editable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1"><path fill="currentColor" d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"></path></svg></div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/editable-row.tsx 1`] = `"<div class="t-table-demo__editable-row"><div><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">全量校验</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" checked="" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单行校验</span></label></div></div><br/><br/><div class="t-table t-table--bordered t-table--row-edit" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="width:150px"/><col style="width:200px"/><col style="width:150px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="firstName" class="t-table__th-firstName"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="letters" class="t-table__th-letters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="createTime" class="t-demo-col__datepicker t-table__th-createTime"><div class="t-table__th-cell-inner">创建日期</div></th><th data-colkey="operate" class="t-table__th-operate"><div class="t-table__th-cell-inner">操作栏</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class=""><div class="t-table__cell-wrap"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autofocus="" value=""/><span class="t-input__input-pre">please enter</span></div></div></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty t-input--auto-width" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell-wrap"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></td><td class=""><div class="table-operations"><a data-id="1" class="t-link t-link--theme-primary t-link--hover-color">保存</a><a data-id="1" class="t-link t-link--theme-primary t-link--hover-color">取消</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="2" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="3" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="4" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="5" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/editable-row.tsx 1`] = `"<div class="t-table-demo__editable-row"><div><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">全量校验</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" checked="" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单行校验</span></label></div></div><br/><br/><div class="t-table t-table--bordered t-table--row-edit" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:120px"/><col style="width:150px"/><col style="width:200px"/><col style="width:150px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="firstName" class="t-table__th-firstName"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="letters" class="t-table__th-letters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="createTime" class="t-demo-col__datepicker t-table__th-createTime"><div class="t-table__th-cell-inner">创建日期</div></th><th data-colkey="operate" class="t-table__th-operate"><div class="t-table__th-cell-inner">操作栏</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class=""><div class="t-table__cell-wrap"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" autofocus="" value=""/><span class="t-input__input-pre">please enter</span></div></div></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class=""><div class="t-table__cell-wrap"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty t-input--auto-width" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell-wrap"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></td><td class=""><div class="table-operations"><a data-id="1" class="t-link t-link--theme-primary t-link--hover-color">保存</a><a data-id="1" class="t-link t-link--theme-primary t-link--hover-color">取消</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="2" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="3" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="4" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr class=""><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class=""><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td class=""><div class="table-operations"><a data-id="5" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/ellipsis.tsx 1`] = `"<div><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="width:120px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="width:100px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">申请人</div></div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">签署方式（超长标题示例）</div></div></th><th data-colkey="ellipsisProps" class="t-table__th-ellipsisProps"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="ellipsisContent" class="t-table__th-ellipsisContent"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">申请事项</div></div></th><th data-colkey="propsAndContent1" class="t-table__th-propsAndContent1"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">审核时间</div></div></th><th data-colkey="link" class="t-table__th-link"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">操作</div></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">宣传物料制作费用</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2021-11-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">algolia 服务报销</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2021-12-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">王芳（fangWang)</div></td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">相关周边制作费</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2022-01-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">激励奖品快递费</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2022-02-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">宣传物料制作费用</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2021-11-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/ellipsis.tsx 1`] = `"<div><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="width:120px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="width:100px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">申请人</div></div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">签署方式（超长标题示例）</div></div></th><th data-colkey="ellipsisProps" class="t-table__th-ellipsisProps"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="ellipsisContent" class="t-table__th-ellipsisContent"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">申请事项</div></div></th><th data-colkey="propsAndContent1" class="t-table__th-propsAndContent1"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">审核时间</div></div></th><th data-colkey="link" class="t-table__th-link"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">操作</div></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">宣传物料制作费用</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2021-11-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">algolia 服务报销</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2021-12-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">王芳（fangWang)</div></td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">相关周边制作费</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2022-01-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">激励奖品快递费</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2022-02-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr><tr class=""><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">宣传物料制作费用</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2021-11-01</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><a href="/vue-next/components/table" target="_blank">点击查看审批详情</a></div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/empty.tsx 1`] = `"<div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:150px"/><col style="width:300px"/><col style="width:150px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="project" class="t-table__th-project"><div class="t-table__th-cell-inner">项目名称</div></th><th data-colkey="member" class="t-table__th-member"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="company" class="t-table__th-company"><div class="t-table__th-cell-inner">所属公司</div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__empty-row"><td colSpan="3"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:150px"/><col style="width:300px"/><col style="width:150px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="project" class="t-table__th-project"><div class="t-table__th-cell-inner">项目名称</div></th><th data-colkey="member" class="t-table__th-member"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="company" class="t-table__th-company"><div class="t-table__th-cell-inner">所属公司</div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__empty-row"><td colSpan="3"><div class="t-table__empty"><span style="display:flex;align-items:center;justify-content:center;height:100px">😄 it is empty. 😁</span></div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/empty.tsx 1`] = `"<div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:150px"/><col style="width:300px"/><col style="width:150px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="project" class="t-table__th-project"><div class="t-table__th-cell-inner">项目名称</div></th><th data-colkey="member" class="t-table__th-member"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="company" class="t-table__th-company"><div class="t-table__th-cell-inner">所属公司</div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__empty-row"><td colSpan="3"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:150px"/><col style="width:300px"/><col style="width:150px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="project" class="t-table__th-project"><div class="t-table__th-cell-inner">项目名称</div></th><th data-colkey="member" class="t-table__th-member"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="company" class="t-table__th-company"><div class="t-table__th-cell-inner">所属公司</div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__empty-row"><td colSpan="3"><div class="t-table__empty"><span style="display:flex;align-items:center;justify-content:center;height:100px">😄 it is empty. 😁</span></div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/expandable.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;true&#x27;" checked="" value="true"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"> 显示展开图标 </span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;false&#x27;" value="false"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"> 隐藏展开图标 </span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;custom&#x27;" value="custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"> 自由控制展开图标 </span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><div><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">允许点击行之后展开/收起</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定列</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">空数据</span></label></div></div><div class="t-space-item"><div class="t-table t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed" style="width:1200px"><colgroup><col style="width:46px"/><col style="width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="__EXPAND_ROW_ICON_COLUMN__" class="t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__"><div class="t-table__th-cell-inner"></div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody></table></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/expandable.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;true&#x27;" checked="" value="true"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"> 显示展开图标 </span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;false&#x27;" value="false"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"> 隐藏展开图标 </span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;custom&#x27;" value="custom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"> 自由控制展开图标 </span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><div><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">允许点击行之后展开/收起</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定列</span></label><label tabindex="0" class="t-checkbox" style="margin-left:32px"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">空数据</span></label></div></div><div class="t-space-item"><div class="t-table t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed" style="width:1200px"><colgroup><col style="width:46px"/><col style="width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="__EXPAND_ROW_ICON_COLUMN__" class="t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__"><div class="t-table__th-cell-inner"></div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class="t-table__row--folded"><td class="t-table__expandable-icon-cell"><span class="t-table__expand-box t-table__row--collapsed"></span></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody></table></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/filter-controlled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">清空已筛选</span></button></div><div class="t-space-item"><span>已选筛选条件：<!-- -->{&quot;lastName&quot;:[]}</span></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>签署方式</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="email" class="t-table__th-email"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>Email</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable t-table__cell--filterable"><div class="t-table__cell--title"><div>Date</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__row--full t-table__first-full-row"><td colSpan="5"><div class=""><div class="t-table__row-full-element"><div class="t-table__row-filter-inner"><div class="t-table__filter-result"><span>Search &quot;&quot;. Find 5 items.</span><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">Clear</span></button></div></div></div></div></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 0 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li></ul><div class="t-pagination__btn t-pagination__btn-next t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 1 </span></span></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/filter-controlled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">清空已筛选</span></button></div><div class="t-space-item"><span>已选筛选条件：<!-- -->{&quot;lastName&quot;:[]}</span></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>签署方式</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="email" class="t-table__th-email"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>Email</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable t-table__cell--filterable"><div class="t-table__cell--title"><div>Date</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr class="t-table__row--full t-table__first-full-row"><td colSpan="5"><div class=""><div class="t-table__row-full-element"><div class="t-table__row-filter-inner"><div class="t-table__filter-result"><span>Search &quot;&quot;. Find 5 items.</span><button type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">Clear</span></button></div></div></div></div></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 0 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li></ul><div class="t-pagination__btn t-pagination__btn-next t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 1 </span></span></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/fixed-column.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="1" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧固定一列</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="2" checked="" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧固定两列</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧固定一列</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧固定两列</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: fixed</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: auto</span></label><div class="t-radio-group__bg-block"></div></div><label tabindex="0" class="t-checkbox" style="margin-left:16px;vertical-align:middle"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">空数据</span></label></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:180px"/><col style="width:200px"/><col style="width:120px"/><col style="width:100px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请日期</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">宣传物料制作费用</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">algolia 服务报销</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">p.cumx@rampblpa.ru</td><td class="">相关周边制作费</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">激励奖品快递费</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">宣传物料制作费用</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody></table></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/fixed-column.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="1" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧固定一列</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="2" checked="" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左侧固定两列</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧固定一列</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="2" value="2"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右侧固定两列</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: fixed</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: auto</span></label><div class="t-radio-group__bg-block"></div></div><label tabindex="0" class="t-checkbox" style="margin-left:16px;vertical-align:middle"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">空数据</span></label></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--column-resizable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:180px"/><col style="width:200px"/><col style="width:120px"/><col style="width:100px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请日期</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">宣传物料制作费用</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">algolia 服务报销</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">p.cumx@rampblpa.ru</td><td class="">相关周边制作费</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">w.cezkdudy@lhll.au</td><td class="">激励奖品快递费</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">r.nmgw@peurezgn.sl</td><td class="">宣传物料制作费用</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody></table></div><div class="t-table__resize-line" style="display:none;left:10px;height:10px;bottom:0"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/fixed-header.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: fixed</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: auto</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否冻结首尾两行</span></label></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="max-height:300px"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:120px"/><col style="width:150px"/><col style="width:160px"/><col style="width:120px"/><col style="width:120px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请日期</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer"><tr class=""><td class="">-</td><td class="">-</td><td class="">-</td><td class="">-</td><td class="">-</td><td class="">-</td></tr></tfoot></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/fixed-header.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: fixed</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: auto</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否冻结首尾两行</span></label></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="max-height:300px"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:120px"/><col style="width:150px"/><col style="width:160px"/><col style="width:120px"/><col style="width:120px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请日期</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer"><tr class=""><td class="">-</td><td class="">-</td><td class="">-</td><td class="">-</td><td class="">-</td><td class="">-</td></tr></tfoot></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/fixed-header-col.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fixed&#x27;" value="fixed"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: fixed</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" checked="" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: auto</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否冻结首尾两行</span></label></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="max-height:300px"><table class="t-table--layout-auto" style="width:1600px"><colgroup><col style="width:100px"/><col style="width:150px"/><col/><col style="width:150px"/><col/><col style="width:120px"/><col style="width:150px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请日期</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">宣传物料制作费用</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">相关周边制作费</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">激励奖品快递费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">宣传物料制作费用</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">相关周边制作费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">激励奖品快递费</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">宣传物料制作费用</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">algolia 服务报销</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">相关周边制作费</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">激励奖品快递费</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">宣传物料制作费用</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">相关周边制作费</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">激励奖品快递费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">宣传物料制作费用</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">相关周边制作费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">激励奖品快递费</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer"><tr class=""><td class="">共20条</td><td class="">-</td><td class=""></td><td class="">-</td><td class=""></td><td class="">-</td><td class="">-</td></tr></tfoot></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/fixed-header-col.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;fixed&#x27;" value="fixed"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: fixed</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" checked="" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">table-layout: auto</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="false" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否冻结首尾两行</span></label></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="max-height:300px"><table class="t-table--layout-auto" style="width:1600px"><colgroup><col style="width:100px"/><col style="width:150px"/><col/><col style="width:150px"/><col/><col style="width:120px"/><col style="width:150px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请日期</div></th><th data-colkey="operation" class="t-table__th-operation"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">宣传物料制作费用</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">相关周边制作费</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">激励奖品快递费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">宣传物料制作费用</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">相关周边制作费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">激励奖品快递费</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">宣传物料制作费用</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">algolia 服务报销</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">相关周边制作费</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">激励奖品快递费</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">宣传物料制作费用</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">相关周边制作费</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">激励奖品快递费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">宣传物料制作费用</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-01-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">algolia 服务报销</td><td class="">p.cumx@rampblpa.ru</td><td class="">2022-02-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">相关周边制作费</td><td class="">w.cezkdudy@lhll.au</td><td class="">2022-03-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">激励奖品快递费</td><td class="">r.nmgw@peurezgn.sl</td><td class="">2022-04-01</td><td class=""><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer"><tr class=""><td class="">共20条</td><td class="">-</td><td class=""></td><td class="">-</td><td class=""></td><td class="">-</td><td class="">-</td></tr></tfoot></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/lazy.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button style="margin-top:10px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">列表恢复初始状态</span></button></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="height:300px"><table class="t-table--layout-fixed t-table--full-height"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/lazy.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button style="margin-top:10px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">列表恢复初始状态</span></button></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="height:300px"><table class="t-table--layout-fixed t-table--full-height"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr><tr class=""><td style="height:48px;border:none"></td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/loading.tsx 1`] = `"<div><div class="t-table t-table--loading" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="instance" class="t-table__th-instance"><div class="t-table__th-cell-inner">集群名称</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="owner" class="t-table__th-owner"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">描述</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text"></div></div></div><div class="t-table t-table--loading" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="instance" class="t-table__th-instance"><div class="t-table__th-cell-inner">集群名称</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="owner" class="t-table__th-owner"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">描述</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">自定义加载状态文本</div></div></div><div class="t-table t-table--loading" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="instance" class="t-table__th-instance"><div class="t-table__th-cell-inner">集群名称</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="owner" class="t-table__th-owner"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">描述</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><div class="t-loading__text"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-loading" style="font-size:20px" name="loading"><path fill="currentColor" d="M12 2.25a9.75 9.75 0 000 19.5v-2.44A7.31 7.31 0 1119.31 12h2.44A9.75 9.75 0 0012 2.25z"></path></svg>  <span>渲染函数自定义加载中（可单独去除内置加载图标）</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/loading.tsx 1`] = `"<div><div class="t-table t-table--loading" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="instance" class="t-table__th-instance"><div class="t-table__th-cell-inner">集群名称</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="owner" class="t-table__th-owner"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">描述</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text"></div></div></div><div class="t-table t-table--loading" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="instance" class="t-table__th-instance"><div class="t-table__th-cell-inner">集群名称</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="owner" class="t-table__th-owner"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">描述</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">自定义加载状态文本</div></div></div><div class="t-table t-table--loading" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="instance" class="t-table__th-instance"><div class="t-table__th-cell-inner">集群名称</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="owner" class="t-table__th-owner"><div class="t-table__th-cell-inner">管理员</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">描述</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div><div class="t-loading t-loading--center t-size-s t-loading--full t-loading__overlay"><div class="t-loading__text"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-loading" style="font-size:20px" name="loading"><path fill="currentColor" d="M12 2.25a9.75 9.75 0 000 19.5v-2.44A7.31 7.31 0 1119.31 12h2.44A9.75 9.75 0 0012 2.25z"></path></svg>  <span>渲染函数自定义加载中（可单独去除内置加载图标）</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/merge-cells.tsx 1`] = `"<div class="t-table t-table--bordered t-table--rowspan-colspan" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:150px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">审批事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="channel" class="t-table__th-channel" colSpan="2"><div class="t-table__th-cell-inner">其他信息</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/merge-cells.tsx 1`] = `"<div class="t-table t-table--bordered t-table--rowspan-colspan" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:150px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="description" class="t-table__th-description"><div class="t-table__th-cell-inner">审批事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="channel" class="t-table__th-channel" colSpan="2"><div class="t-table__th-cell-inner">其他信息</div></th></tr></thead><tbody class="t-table__body"></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/multi-header.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示表格边框</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示固定表头</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定左侧列</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定右侧列</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">表头吸顶</span></label></div></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--multiple-header" style="position:relative"><div class="t-table__top-content"><div class="t-table__column-controller-trigger t-align-top-right"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-setting"><path fill="currentColor" d="M12 .85l9.66 5.57v11.16L12 23.15l-9.66-5.57V6.42L12 .85zm0 2.3L4.34 7.58v8.84L12 20.85l7.66-4.43V7.58L12 3.15zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></svg><span class="t-button__text">Column Config</span></button></div></div><div class="t-table__content" style="max-height:380px"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:120px"/><col style="width:110px"/><col style="width:150px"/><col style="width:100px"/><col style="width:100px"/><col style="width:100px"/><col style="width:120px"/><col style="width:120px"/><col style="width:120px"/><col style="width:150px"/><col style="width:120px"/></colgroup><thead class="t-table__header t-table__header--fixed t-table--bordered t-table__header--multiple"><tr><th data-colkey="applicant" class="t-table__th-applicant" rowspan="3"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="total_info" class="t-table__th-total_info" colSpan="3"><div class="t-table__th-cell-inner">申请汇总</div></th><th data-colkey="field1" class="t-table__th-field1" rowspan="3"><div class="t-table__th-cell-inner">住宿费</div></th><th data-colkey="field3" class="t-table__th-field3" rowspan="3"><div class="t-table__th-cell-inner">交通费</div></th><th data-colkey="field4" class="t-table__th-field4" rowspan="3"><div class="t-table__th-cell-inner">物料费</div></th><th data-colkey="field2" class="t-table__th-field2" rowspan="3"><div class="t-table__th-cell-inner">奖品激励费</div></th><th data-colkey="instruction" class="t-table__th-instruction" colSpan="3"><div class="t-table__th-cell-inner">审批汇总</div></th><th data-colkey="createTime" class="t-table__th-createTime" rowspan="3"><div class="t-table__th-cell-inner">申请时间</div></th></tr><tr><th data-colkey="platform" class="t-table__header-th--bordered t-table__th-platform" rowspan="2"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="type_default" class="t-table__th-type_default" colSpan="2"><div class="t-table__th-cell-inner">申请渠道和金额</div></th><th data-colkey="property" class="t-table__th-property" rowspan="2"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>审批状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="description" class="t-table__th-description" colSpan="2"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">说明</div></div></th></tr><tr><th data-colkey="channel" class="t-table__header-th--bordered t-table__th-channel"><div class="t-table__th-cell-inner">类型</div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner">申请耗时(天)</div></th><th data-colkey="field7" class="t-table__th-field7"><div class="t-table__th-cell-inner">审批单号</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">组长审批</td><td class="">审批单号001</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">部门审批</td><td class="">审批单号002</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">财务审批</td><td class="">审批单号003</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">组长审批</td><td class="">审批单号004</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">部门审批</td><td class="">审批单号005</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">财务审批</td><td class="">审批单号006</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">组长审批</td><td class="">审批单号007</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">部门审批</td><td class="">审批单号008</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">财务审批</td><td class="">审批单号009</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">组长审批</td><td class="">审批单号0010</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">部门审批</td><td class="">审批单号0011</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">财务审批</td><td class="">审批单号0012</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">组长审批</td><td class="">审批单号0013</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">部门审批</td><td class="">审批单号0014</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">财务审批</td><td class="">审批单号0015</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">组长审批</td><td class="">审批单号0016</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">部门审批</td><td class="">审批单号0017</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">财务审批</td><td class="">审批单号0018</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">组长审批</td><td class="">审批单号0019</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">部门审批</td><td class="">审批单号0020</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/multi-header.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示表格边框</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示固定表头</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定左侧列</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">固定右侧列</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">表头吸顶</span></label></div></div></div><div class="t-space-item"><div class="t-table t-table--bordered t-table--multiple-header" style="position:relative"><div class="t-table__top-content"><div class="t-table__column-controller-trigger t-align-top-right"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-setting"><path fill="currentColor" d="M12 .85l9.66 5.57v11.16L12 23.15l-9.66-5.57V6.42L12 .85zm0 2.3L4.34 7.58v8.84L12 20.85l7.66-4.43V7.58L12 3.15zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></svg><span class="t-button__text">Column Config</span></button></div></div><div class="t-table__content" style="max-height:380px"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:120px"/><col style="width:110px"/><col style="width:150px"/><col style="width:100px"/><col style="width:100px"/><col style="width:100px"/><col style="width:120px"/><col style="width:120px"/><col style="width:120px"/><col style="width:150px"/><col style="width:120px"/></colgroup><thead class="t-table__header t-table__header--fixed t-table--bordered t-table__header--multiple"><tr><th data-colkey="applicant" class="t-table__th-applicant" rowspan="3"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="total_info" class="t-table__th-total_info" colSpan="3"><div class="t-table__th-cell-inner">申请汇总</div></th><th data-colkey="field1" class="t-table__th-field1" rowspan="3"><div class="t-table__th-cell-inner">住宿费</div></th><th data-colkey="field3" class="t-table__th-field3" rowspan="3"><div class="t-table__th-cell-inner">交通费</div></th><th data-colkey="field4" class="t-table__th-field4" rowspan="3"><div class="t-table__th-cell-inner">物料费</div></th><th data-colkey="field2" class="t-table__th-field2" rowspan="3"><div class="t-table__th-cell-inner">奖品激励费</div></th><th data-colkey="instruction" class="t-table__th-instruction" colSpan="3"><div class="t-table__th-cell-inner">审批汇总</div></th><th data-colkey="createTime" class="t-table__th-createTime" rowspan="3"><div class="t-table__th-cell-inner">申请时间</div></th></tr><tr><th data-colkey="platform" class="t-table__header-th--bordered t-table__th-platform" rowspan="2"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="type_default" class="t-table__th-type_default" colSpan="2"><div class="t-table__th-cell-inner">申请渠道和金额</div></th><th data-colkey="property" class="t-table__th-property" rowspan="2"><div class="t-table__th-cell-inner"><div class="t-table__cell--filterable"><div class="t-table__cell--title"><div>审批状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__filter-icon"><div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-filter"><path fill="currentColor" d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"></path></svg></div></div></div></div></div></div></th><th data-colkey="description" class="t-table__th-description" colSpan="2"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">说明</div></div></th></tr><tr><th data-colkey="channel" class="t-table__header-th--bordered t-table__th-channel"><div class="t-table__th-cell-inner">类型</div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner">申请耗时(天)</div></th><th data-colkey="field7" class="t-table__th-field7"><div class="t-table__th-cell-inner">审批单号</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">组长审批</td><td class="">审批单号001</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">部门审批</td><td class="">审批单号002</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">财务审批</td><td class="">审批单号003</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">组长审批</td><td class="">审批单号004</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">部门审批</td><td class="">审批单号005</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">财务审批</td><td class="">审批单号006</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">组长审批</td><td class="">审批单号007</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">部门审批</td><td class="">审批单号008</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">财务审批</td><td class="">审批单号009</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">组长审批</td><td class="">审批单号0010</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">部门审批</td><td class="">审批单号0011</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">财务审批</td><td class="">审批单号0012</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">组长审批</td><td class="">审批单号0013</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">部门审批</td><td class="">审批单号0014</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">财务审批</td><td class="">审批单号0015</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">组长审批</td><td class="">审批单号0016</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">3</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">100</td><td class="">部门审批</td><td class="">审批单号0017</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-align-center">2</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">200</td><td class="">财务审批</td><td class="">审批单号0018</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-align-center">4</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">400</td><td class="">组长审批</td><td class="">审批单号0019</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-align-center">1</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">500</td><td class="">部门审批</td><td class="">审批单号0020</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/multiple-sort.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>排序方式：<!-- -->[{&quot;sortBy&quot;:&quot;status&quot;,&quot;descending&quot;:true},{&quot;sortBy&quot;:&quot;survivalTime&quot;,&quot;descending&quot;:false}]</div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请耗时(天)</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/multiple-sort.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>排序方式：<!-- -->[{&quot;sortBy&quot;:&quot;status&quot;,&quot;descending&quot;:true},{&quot;sortBy&quot;:&quot;survivalTime&quot;,&quot;descending&quot;:false}]</div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请耗时(天)</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/pagination.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">跨分页选中</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">当前页选中</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:80px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="width:46px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="serial-number" class="t-table__th-serial-number"><div class="t-table__th-cell-inner">序号</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">6</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">7</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">8</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">9</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">10</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">11</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">12</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">13</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">14</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">15</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">16</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">17</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">18</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">19</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">20</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">21</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">22</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">23</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">24</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">25</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">26</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">27</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">28</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">29</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">30</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">31</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">32</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">33</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">34</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">35</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">36</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">37</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">38</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">39</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">40</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">41</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">42</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">43</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">44</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">45</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">46</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">47</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">48</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">49</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">50</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">51</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">52</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">53</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">54</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">55</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">56</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">57</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">58</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">59</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">60</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">61</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">62</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">63</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">64</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 59 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number">1</li><li class="t-pagination__number t-is-current">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">12</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 12 </span></span></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/pagination.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">跨分页选中</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">当前页选中</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:80px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="width:46px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="serial-number" class="t-table__th-serial-number"><div class="t-table__th-cell-inner">序号</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">6</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">7</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">8</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">9</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">10</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">11</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">12</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">13</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">14</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">15</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">16</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">17</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">18</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">19</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">20</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">21</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">22</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">23</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">24</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">25</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">26</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">27</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">28</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">29</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">30</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">31</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">32</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">33</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">34</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">35</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">36</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">37</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">38</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">39</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">40</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">41</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">42</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">43</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">44</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">45</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">46</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">47</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">48</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">49</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">50</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">51</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">52</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">53</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">54</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">55</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">56</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">57</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">58</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">59</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">60</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">61</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-04-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">62</td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="">2022-01-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">63</td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="">2022-02-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr><tr class=""><td class="">64</td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="">2022-03-01</td><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 59 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number">1</li><li class="t-pagination__number t-is-current">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number t-pagination__number--more"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></li><li class="t-pagination__number">12</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-m t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 12 </span></span></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/select-multiple.tsx 1`] = `"<div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:50px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-checkbox t-is-disabled" title="不可选"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-checkbox t-is-disabled" title="不可选"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/select-multiple.tsx 1`] = `"<div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:50px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-checkbox t-is-disabled" title="不可选"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-checkbox t-is-disabled" title="不可选"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/select-single.tsx 1`] = `"<div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:50px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"></div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/select-single.tsx 1`] = `"<div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:50px"/><col style="width:100px"/><col style="width:150px"/><col style="width:120px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"></div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="t-table__cell-check"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="t-table__cell-check"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-allow-uncheck="true"/><span class="t-radio__input"></span></label></td><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/single-sort.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">隐藏排序文本提示</span></label><span style="padding-left:16px;vertical-align:top">排序方式：<!-- -->{&quot;sortBy&quot;:&quot;status&quot;,&quot;descending&quot;:true}</span></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="width:120px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__sort-column t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请耗时(天)</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class="t-table__sort-column"><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="">电子签署</td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class="t-table__sort-column"><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td class="">纸质签署</td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class="t-table__sort-column"><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="">纸质签署</td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class="t-table__sort-column"><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td class="">电子签署</td><td class="">2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/single-sort.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">隐藏排序文本提示</span></label><span style="padding-left:16px;vertical-align:top">排序方式：<!-- -->{&quot;sortBy&quot;:&quot;status&quot;,&quot;descending&quot;:true}</span></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="width:120px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__sort-column t-table__th-status"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请状态</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner"><div class="t-table__cell--sortable"><div class="t-table__cell--title"><div>申请耗时(天)</div><div class="t-table__filter-icon-wrap"><div class="t-table__cell--sort-trigger t-table__double-icons"><span class="t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span><span class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="font-size:18px"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div></div></div></th><th data-colkey="channel" class="t-table__th-channel"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class="t-table__sort-column"><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="">电子签署</td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class="t-table__sort-column"><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td class="">纸质签署</td><td class="">2022-02-01</td></tr><tr class=""><td class="">王芳</td><td class="t-table__sort-column"><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="">纸质签署</td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class="t-table__sort-column"><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td class="">电子签署</td><td class="">2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/style.tsx 1`] = `"<div class="t-demo__style"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:120px"/><col style="width:120px"/><col style="width:120px"/><col style="width:160px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner">申请耗时(天)</div></th><th data-colkey="channel" class="custom-cell-class-name t-table__th-channel t-align-right"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="custom-cell-class-name t-align-right">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="custom-cell-class-name t-align-center" style="font-weight:600;background-color:var(--td-warning-color-light)">10</td><td class="custom-cell-class-name t-align-right">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="custom-third-class-name"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="custom-cell-class-name t-align-right">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="custom-cell-class-name t-align-right">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="custom-cell-class-name t-align-center" style="font-weight:600;background-color:var(--td-warning-color-light)">10</td><td class="custom-cell-class-name t-align-right">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody><tfoot class="t-table__footer"><tr class="t-table__row--full"><td colSpan="6"><div class="t-table__row-full-element"><div class="t-table__row-filter-inner">汇总：近期数据波动较大</div></div></td></tr></tfoot></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/style.tsx 1`] = `"<div class="t-demo__style"><div class="t-table" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:100px"/><col style="width:120px"/><col style="width:120px"/><col style="width:120px"/><col style="width:160px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">审批状态</div></th><th data-colkey="time" class="t-table__th-time t-align-center"><div class="t-table__th-cell-inner">申请耗时(天)</div></th><th data-colkey="channel" class="custom-cell-class-name t-table__th-channel t-align-right"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">邮箱地址</div></div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body"><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="custom-cell-class-name t-align-right">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-01-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="custom-cell-class-name t-align-center" style="font-weight:600;background-color:var(--td-warning-color-light)">10</td><td class="custom-cell-class-name t-align-right">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-02-01</td></tr><tr class="custom-third-class-name"><td class="">王芳</td><td class=""><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td class="custom-cell-class-name t-align-right">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td class="">2022-03-01</td></tr><tr class=""><td class="">贾明</td><td class=""><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td class="custom-cell-class-name t-align-right">电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td class="">2022-04-01</td></tr><tr class=""><td class="">张三</td><td class=""><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="custom-cell-class-name t-align-center" style="font-weight:600;background-color:var(--td-warning-color-light)">10</td><td class="custom-cell-class-name t-align-right">纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td class="">2022-01-01</td></tr></tbody><tfoot class="t-table__footer"><tr class="t-table__row--full"><td colSpan="6"><div class="t-table__row-full-element"><div class="t-table__row-filter-inner">汇总：近期数据波动较大</div></div></td></tr></tfoot></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/tree.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">添加根节点</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置/更新数据</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">展开/收起可见行</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">展开全部</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">获取全部树形结构</span></button></div></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox" style="vertical-align:middle"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自定义折叠/展开图标</span></label></div><div class="t-space-item"><div class="t-table t-table--row-handler-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:46px"/><col style="width:80px"/><col style="width:180px"/><col style="width:100px"/><col style="width:340px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="drag" class="t-table__th-drag t-align-center"><div class="t-table__th-cell-inner">排序</div></th><th data-colkey="id" class="t-table__th-id"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">编号</div></div></th><th data-colkey="key" class="t-table__th-key"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">名称</div></div></th><th data-colkey="platform" class="t-table__th-platform"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="operate" class="t-table__th-operate t-align-center"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr data-id="申请人 0_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">0</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline">申请人 0_1 号</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 1_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">1</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 1_1 号</div></div></td><td class="">纸质签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 2_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 2_1 号</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 3_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">3</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 3_1 号</div></div></td><td class="">纸质签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 4_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">4</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 4_1 号</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人懒加载节点 66666，点我体验" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">66666</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人懒加载节点 66666，点我体验</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人懒加载节点 88888，点我体验 " class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">88888</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人懒加载节点 88888，点我体验 </div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number">6</li><li class="t-pagination__number">7</li><li class="t-pagination__number">8</li><li class="t-pagination__number">9</li><li class="t-pagination__number">10</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/tree.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">添加根节点</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置/更新数据</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">展开/收起可见行</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">展开全部</span></button></div><div class="t-space-item"><button style="margin-left:16px" type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">获取全部树形结构</span></button></div></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox" style="vertical-align:middle"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自定义折叠/展开图标</span></label></div><div class="t-space-item"><div class="t-table t-table--row-handler-draggable" style="position:relative"><div class="t-table__content"><table class="t-table--layout-fixed"><colgroup><col style="width:46px"/><col style="width:80px"/><col style="width:180px"/><col style="width:100px"/><col style="width:340px"/></colgroup><thead class="t-table__header"><tr><th data-colkey="drag" class="t-table__th-drag t-align-center"><div class="t-table__th-cell-inner">排序</div></th><th data-colkey="id" class="t-table__th-id"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">编号</div></div></th><th data-colkey="key" class="t-table__th-key"><div class="t-table__th-cell-inner"><div class="t-table__ellipsis t-text-ellipsis">名称</div></div></th><th data-colkey="platform" class="t-table__th-platform"><div class="t-table__th-cell-inner">签署方式</div></th><th data-colkey="operate" class="t-table__th-operate t-align-center"><div class="t-table__th-cell-inner">操作</div></th></tr></thead><tbody class="t-table__body"><tr data-id="申请人 0_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">0</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline">申请人 0_1 号</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 1_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">1</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 1_1 号</div></div></td><td class="">纸质签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 2_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">2</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 2_1 号</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 3_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">3</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 3_1 号</div></div></td><td class="">纸质签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人 4_1 号" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">4</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人 4_1 号</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人懒加载节点 66666，点我体验" class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">66666</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人懒加载节点 66666，点我体验</div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr><tr data-id="申请人懒加载节点 88888，点我体验 " class=""><td class="t-align-center t-table__handle-draggable"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-move"><path fill="currentColor" d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"></path></svg></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">88888</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis"><div class="t-table__tree-col t-table__tree-col--inline"><span class="t-table__tree-op-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add-rectangle"><path fill="currentColor" d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"></path></svg></span>申请人懒加载节点 88888，点我体验 </div></div></td><td class="">电子签署</td><td class="t-align-center"><div class="tdesign-table-demo__table-operations"><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">插入</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">前插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">后插</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">更新</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">查看</a><a style="padding:0 8px" class="t-link t-link--theme-default t-link--hover-color">删除</a></div></td></tr></tbody></table></div><div class="t-table__pagination-wrap" style="opacity:1"><div class="t-table__pagination"><div class="t-pagination"><div class="t-pagination__total">Total 100 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre">please select</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li><li class="t-pagination__number">5</li><li class="t-pagination__number">6</li><li class="t-pagination__number">7</li><li class="t-pagination__number">8</li><li class="t-pagination__number">9</li><li class="t-pagination__number">10</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/tree-select.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">父子行选中独立</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" checked="" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">父子行选中关联</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取树形结构展开的节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">滚动到指定元素</span></button></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content" style="height:300px"><div class="t-table__virtual-scroll-cursor" style="transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px)"></div><table class="t-table--layout-fixed t-table--full-height"><colgroup><col style="width:46px"/><col style="width:50px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="__EXPAND_ROW_ICON_COLUMN__" class="t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__"><div class="t-table__th-cell-inner"></div></th><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></th><th data-colkey="serial-number" class="t-table__th-serial-number"><div class="t-table__th-cell-inner">序号</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th></tr></thead><tbody class="t-table__body" style="transform:translateY(25000px);-ms-transform:translateY(25000px);-moz-transform:translateY(25000px);-webkit-transform:translateY(25000px)"><tr class="t-table__empty-row"><td colSpan="6"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/tree-select.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">父子行选中独立</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" checked="" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">父子行选中关联</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取树形结构展开的节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">滚动到指定元素</span></button></div></div></div><div class="t-space-item"><div class="t-table" style="position:relative"><div class="t-table__content" style="height:300px"><div class="t-table__virtual-scroll-cursor" style="transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px)"></div><table class="t-table--layout-fixed t-table--full-height"><colgroup><col style="width:46px"/><col style="width:50px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="__EXPAND_ROW_ICON_COLUMN__" class="t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__"><div class="t-table__th-cell-inner"></div></th><th data-colkey="row-select" class="t-table__cell-check t-table__th-row-select"><div class="t-table__th-cell-inner"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label></div></th><th data-colkey="serial-number" class="t-table__th-serial-number"><div class="t-table__th-cell-inner">序号</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th></tr></thead><tbody class="t-table__body" style="transform:translateY(25000px);-ms-transform:translateY(25000px);-moz-transform:translateY(25000px);-webkit-transform:translateY(25000px)"><tr class="t-table__empty-row"><td colSpan="6"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/table/_example/virtual-scroll.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">滚动到指定元素</span></button></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否显示边框</span></label></div></div></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="height:300px"><div class="t-table__virtual-scroll-cursor" style="transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px)"></div><table class="t-table--layout-fixed t-table--full-height"><colgroup><col style="width:70px"/><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="serial-number" class="t-table__th-serial-number"><div class="t-table__th-cell-inner">序号</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body" style="transform:translateY(48000px);-ms-transform:translateY(48000px);-moz-transform:translateY(48000px);-webkit-transform:translateY(48000px)"><tr class="t-table__empty-row"><td colSpan="6"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/table/_example/virtual-scroll.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">滚动到指定元素</span></button></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">是否显示边框</span></label></div></div></div><div class="t-space-item"><div class="t-table t-table--bordered" style="position:relative"><div class="t-table__content" style="height:300px"><div class="t-table__virtual-scroll-cursor" style="transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px)"></div><table class="t-table--layout-fixed t-table--full-height"><colgroup><col style="width:70px"/><col style="width:100px"/><col style="width:150px"/><col style="width:140px"/><col style="min-width:80px"/><col style="min-width:80px"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th data-colkey="serial-number" class="t-table__th-serial-number"><div class="t-table__th-cell-inner">序号</div></th><th data-colkey="applicant" class="t-table__th-applicant"><div class="t-table__th-cell-inner">申请人</div></th><th data-colkey="status" class="t-table__th-status"><div class="t-table__th-cell-inner">申请状态</div></th><th data-colkey="matters" class="t-table__th-matters"><div class="t-table__th-cell-inner">申请事项</div></th><th data-colkey="detail.email" class="t-table__th-detail.email"><div class="t-table__th-cell-inner">邮箱地址</div></th><th data-colkey="createTime" class="t-table__th-createTime"><div class="t-table__th-cell-inner">申请时间</div></th></tr></thead><tbody class="t-table__body" style="transform:translateY(48000px);-ms-transform:translateY(48000px);-moz-transform:translateY(48000px);-webkit-transform:translateY(48000px)"><tr class="t-table__empty-row"><td colSpan="6"><div class="t-table__empty">Empty Data</div></td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/ban.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">常规型</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;card&#x27;" value="card"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">卡片型</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top t-is-disabled"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/ban.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">常规型</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;card&#x27;" value="card"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">卡片型</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top t-is-disabled"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">选项卡1的内容，使用 TabPanel 渲染</p></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡一</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡二</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡三</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">这是选项卡一的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">选项卡1的内容，使用 TabPanel 渲染</p></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡一</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡二</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡三</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">这是选项卡一的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/combination.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">常规型</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;card&#x27;" value="card"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">卡片型</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" checked="" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Auto</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;start&#x27;" value="start"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Start</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;center&#x27;" value="center"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Center</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;end&#x27;" value="end"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">End</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡4</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡5</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡6</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡7</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡8</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡9</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡10</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡11</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡12</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡13</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡14</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡15</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡16</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡17</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡18</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡19</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡20</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡1<!-- -->内容区</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/combination.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">常规型</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;card&#x27;" value="card"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">卡片型</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;auto&#x27;" checked="" value="auto"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Auto</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;start&#x27;" value="start"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Start</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;center&#x27;" value="center"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Center</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;end&#x27;" value="end"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">End</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡4</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡5</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡6</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡7</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡8</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡9</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡10</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡11</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡12</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡13</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡14</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡15</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡16</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡17</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡18</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡19</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡20</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡1<!-- -->内容区</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/custom.tsx 1`] = `"<div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"><div class="t-tabs__add-btn t-tabs__btn t-size-m"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 1</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 2</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 4</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 6</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 7</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 8</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 9</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 10</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡 1<!-- -->内容区</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/custom.tsx 1`] = `"<div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"><div class="t-tabs__add-btn t-tabs__btn t-size-m"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 1</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 2</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 4</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 6</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 7</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 8</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 9</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡 10</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close remove-btn"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡 1<!-- -->内容区</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/drag-sort.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡一</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡二</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡三</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">这是选项卡一的内容，使用 Tabs 渲染</p></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡一</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡二</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡三</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">这是选项卡一的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/drag-sort.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡一</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡二</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡三</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">这是选项卡一的内容，使用 Tabs 渲染</p></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡一</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡二</span></div></div><div draggable="true" class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡三</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><p style="padding:25px">这是选项卡一的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/icon.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">常规</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;card&#x27;" value="card"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">卡片</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg>选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-tools"><path fill="currentColor" d="M6.53 1.87a8.5 8.5 0 0111.5 9.79l5.14 5.15-1.41 1.42-5.99-6 .18-.57A6.5 6.5 0 008.34 3.4l4.23 4.23-4.95 4.95-4.23-4.23a6.5 6.5 0 008.27 7.61l.58-.18 5.99 6-1.42 1.4-5.15-5.15a8.5 8.5 0 01-9.8-11.48l.26-.63h1.67l3.83 3.83 2.12-2.12-3.83-3.83V2.12l.62-.25zm9.22 12.47l4.95 4.95-1.41 1.41-4.95-4.95 1.41-1.41z"></path></svg>选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-tips"><path fill="currentColor" d="M23 2v17h-7.59L12 22.41 8.59 19H1V2h22zm-2 2H3v13h6.41L12 19.59 14.59 17H21V4z"></path></svg>选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/icon.tsx 1`] = `"<div style="width:100%;gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;normal&#x27;" checked="" value="normal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">常规</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;card&#x27;" value="card"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">卡片</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg>选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-tools"><path fill="currentColor" d="M6.53 1.87a8.5 8.5 0 0111.5 9.79l5.14 5.15-1.41 1.42-5.99-6 .18-.57A6.5 6.5 0 008.34 3.4l4.23 4.23-4.95 4.95-4.23-4.23a6.5 6.5 0 008.27 7.61l.58-.18 5.99 6-1.42 1.4-5.15-5.15a8.5 8.5 0 01-9.8-11.48l.26-.63h1.67l3.83 3.83 2.12-2.12-3.83-3.83V2.12l.62-.25zm9.22 12.47l4.95 4.95-1.41 1.41-4.95-4.95 1.41-1.41z"></path></svg>选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-tips"><path fill="currentColor" d="M23 2v17h-7.59L12 22.41 8.59 19H1V2h22zm-2 2H3v13h6.41L12 19.59 14.59 17H21V4z"></path></svg>选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/operation.tsx 1`] = `"<div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"><div class="t-tabs__add-btn t-tabs__btn t-size-m"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/operation.tsx 1`] = `"<div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"><div class="t-tabs__add-btn t-tabs__btn t-size-m"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg></div></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/position.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" checked="" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">top</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">right</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">bottom</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">left</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/position.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;top&#x27;" checked="" value="top"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">top</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">right</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;bottom&#x27;" value="bottom"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">bottom</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">left</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡3</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div class="tabs-content" style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/size.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-l t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-l t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/size.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-l t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-l t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/theme.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tabs/_example/theme.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__bar t-is-top"></div><div class="t-tabs__nav-item t-size-m t-is-active t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div></div><div class="t-tabs__nav-item t-size-m t-is-top"><div class="t-tabs__nav-item-wrapper"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div><div class="t-space-item"><div class="t-tabs"><div class="t-tabs__header t-is-top"><div class="t-tabs__nav" style="min-height:48px"><div class="t-tabs__operations t-tabs__operations--left"></div><div class="t-tabs__operations t-tabs__operations--right"></div><div class="t-tabs__nav-container t-tabs__nav--card t-is-top"><div class="t-tabs__nav-scroll"><div class="t-tabs__nav-wrap t-is-smooth" style="transform:translate(0px, 0)"><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡1</span></div><div class="t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top"><span class="t-tabs__nav-item-text-wrapper">选项卡2</span></div></div></div></div></div></div><div class="t-tabs__content t-is-top"><div class="t-tab-panel"><div style="margin:20px">选项卡1内容区</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><a href="https://www.tencent.com/zh-cn" target="_blank" rel="noreferrer"><div class="t-tag t-tag--default t-tag--dark"><span title="超链接">超链接</span></div></a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="标签四">标签四</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light"><span title="灰标签">灰标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--light"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--light"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--light"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--light"><span title="标签四">标签四</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline"><span title="灰标签">灰标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--outline"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--outline"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--outline"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--outline"><span title="标签四">标签四</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light-outline"><span title="灰标签">灰标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--light-outline"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--light-outline"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--light-outline"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--light-outline"><span title="标签四">标签四</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><a href="https://www.tencent.com/zh-cn" target="_blank" rel="noreferrer"><div class="t-tag t-tag--default t-tag--dark"><span title="超链接">超链接</span></div></a></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="标签四">标签四</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light"><span title="灰标签">灰标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--light"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--light"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--light"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--light"><span title="标签四">标签四</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline"><span title="灰标签">灰标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--outline"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--outline"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--outline"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--outline"><span title="标签四">标签四</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light-outline"><span title="灰标签">灰标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--light-outline"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--light-outline"><span title="标签二">标签二</span></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--light-outline"><span title="标签三">标签三</span></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--light-outline"><span title="标签四">标签四</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/check-tag-group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>StyleA</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" data-value="1" checked=""><span title="标签1">标签1</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="2"><span title="标签2">标签2</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="3"><span><span>标签3</span></span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="4"><span title="标签4">标签4</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="5"><span title="标签5">标签5</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="6"><span title="标签6">标签6</span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>StyleB</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="1"><span title="标签1">标签1</span></div><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" data-value="2" checked=""><span title="标签2">标签2</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="3"><span><span>标签3</span></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="4"><span title="标签4">标签4</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="5"><span title="标签5">标签5</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="6"><span title="标签6">标签6</span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>StyleC</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="1"><span title="标签1">标签1</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="2"><span title="标签2">标签2</span></div><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" data-value="3" checked=""><span><span>标签3</span></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="4"><span title="标签4">标签4</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="5"><span title="标签5">标签5</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="6"><span title="标签6">标签6</span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>CustomContent</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="1"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_A<!-- -->(<!-- -->1<!-- -->)</span></div></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="2"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_B<!-- -->(<!-- -->2<!-- -->)</span></div></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="3"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_C<!-- -->(<!-- -->3<!-- -->)</span></div></span></div><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" data-value="4" checked=""><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_D<!-- -->(<!-- -->4<!-- -->)</span></div></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="5"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_E<!-- -->(<!-- -->5<!-- -->)</span></div></span></div><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" data-value="6" checked=""><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_F<!-- -->(<!-- -->6<!-- -->)</span></div></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/check-tag-group.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>StyleA</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" data-value="1" checked=""><span title="标签1">标签1</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="2"><span title="标签2">标签2</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="3"><span><span>标签3</span></span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="4"><span title="标签4">标签4</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="5"><span title="标签5">标签5</span></div><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0" data-value="6"><span title="标签6">标签6</span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>StyleB</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="1"><span title="标签1">标签1</span></div><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" data-value="2" checked=""><span title="标签2">标签2</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="3"><span><span>标签3</span></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="4"><span title="标签4">标签4</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="5"><span title="标签5">标签5</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="6"><span title="标签6">标签6</span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>StyleC</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="1"><span title="标签1">标签1</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="2"><span title="标签2">标签2</span></div><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" data-value="3" checked=""><span><span>标签3</span></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="4"><span title="标签4">标签4</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="5"><span title="标签5">标签5</span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="6"><span title="标签6">标签6</span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>CustomContent</label></div><div class="t-space-item"><div class="t-check-tag-group"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="1"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_A<!-- -->(<!-- -->1<!-- -->)</span></div></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="2"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_B<!-- -->(<!-- -->2<!-- -->)</span></div></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="3"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_C<!-- -->(<!-- -->3<!-- -->)</span></div></span></div><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" data-value="4" checked=""><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_D<!-- -->(<!-- -->4<!-- -->)</span></div></span></div><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0" data-value="5"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_E<!-- -->(<!-- -->5<!-- -->)</span></div></span></div><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" data-value="6" checked=""><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="width:16px;height:16px;border-radius:2px;vertical-align:-4px;margin-right:4px"/><span>TAG_F<!-- -->(<!-- -->6<!-- -->)</span></div></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/custom-color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052D9" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052D9"></span></div></div><input placeholder="please enter" type="text" class="t-input__inner" value="#0052D9"/><span class="t-input__input-pre">#0052D9</span></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark" style="color:white;background-color:#0052D9"><span title="default">default</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light" style="color:#0052D9;background-color:rgba(0, 82, 217, 0.1)"><span title="light">light</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline" style="color:#0052D9;border-color:#0052D9"><span title="outline">outline</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light-outline" style="color:#0052D9;border-color:#0052D9;background-color:rgba(0, 82, 217, 0.1)"><span title="light-outline">light-outline</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/custom-color.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-color-picker__trigger"><div class="t-color-picker__trigger--default"><div class="t-input__wrap t-input--auto-width" value="#0052D9" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-color-picker__trigger--default__color t-color-picker--bg-alpha"><span class="color-inner" style="background:#0052D9"></span></div></div><input placeholder="please enter" type="text" class="t-input__inner" value="#0052D9"/><span class="t-input__input-pre">#0052D9</span></div></div></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark" style="color:white;background-color:#0052D9"><span title="default">default</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light" style="color:#0052D9;background-color:rgba(0, 82, 217, 0.1)"><span title="light">light</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline" style="color:#0052D9;border-color:#0052D9"><span title="outline">outline</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--light-outline" style="color:#0052D9;border-color:#0052D9;background-color:rgba(0, 82, 217, 0.1)"><span title="light-outline">light-outline</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/delete.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:30px"><span>可删除标签<!-- -->0</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:30px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg><span>可删除标签<!-- -->1</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--disabled" style="margin-right:30px"><span>可删除标签<!-- -->2</span></div></div></div></div><div class="t-space-item"><div style="display:flex;cursor:pointer"><div class="t-tag t-tag--default t-tag--dark"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><span title="可添加标签">可添加标签</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/delete.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:30px"><span>可删除标签<!-- -->0</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:30px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg><span>可删除标签<!-- -->1</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--disabled" style="margin-right:30px"><span>可删除标签<!-- -->2</span></div></div></div></div><div class="t-space-item"><div style="display:flex;cursor:pointer"><div class="t-tag t-tag--default t-tag--dark"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><span title="可添加标签">可添加标签</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/icon.tsx 1`] = `"<div class="t-tag t-tag--default t-tag--dark"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg><span title="默认标签">默认标签</span></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/icon.tsx 1`] = `"<div class="t-tag t-tag--default t-tag--dark"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-discount"><path fill="currentColor" d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"></path></svg><span title="默认标签">默认标签</span></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/long-text.tsx 1`] = `"<div class="t-tag t-tag--default t-tag--dark t-tag--ellipsis"><span class="t-tag--text" style="max-width:150px" title="默认超八个字超长文本标签超长省略文本标签">默认超八个字超长文本标签超长省略文本标签</span></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/long-text.tsx 1`] = `"<div class="t-tag t-tag--default t-tag--dark t-tag--ellipsis"><span class="t-tag--text" style="max-width:150px" title="默认超八个字超长文本标签超长省略文本标签">默认超八个字超长文本标签超长省略文本标签</span></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/selectable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>StyleA</label></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" style="margin-right:32px" tabindex="0"><span title="选中/未选态">选中/未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" checked=""><span title="选中态">选中态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0"><span title="未选态">未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--disabled t-tag t-tag--check t-tag--checked t-tag--disabled" checked=""><span title="选中禁用">选中禁用</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--disabled t-tag t-tag--check t-tag--disabled"><span title="未选禁用">未选禁用</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>StyleB</label></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" style="margin-right:32px" tabindex="0"><span title="选中/未选态">选中/未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" checked=""><span title="选中态">选中态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0"><span title="未选态">未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--disabled t-tag t-tag--check t-tag--checked t-tag--disabled" checked=""><span title="选中禁用">选中禁用</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag--disabled t-tag t-tag--check t-tag--disabled"><span title="未选禁用">未选禁用</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>StyleC</label></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" style="margin-right:32px" tabindex="0"><span title="Outline Tag">Outline Tag</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" checked=""><span title="Checked">Checked</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0"><span title="Unchecked">Unchecked</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--outline t-tag--disabled t-tag t-tag--check t-tag--checked t-tag--disabled" checked=""><span title="Disabled">Disabled</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag--disabled t-tag t-tag--check t-tag--disabled"><span title="Disabled">Disabled</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/selectable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>StyleA</label></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" style="margin-right:32px" tabindex="0"><span title="选中/未选态">选中/未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" checked=""><span title="选中态">选中态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0"><span title="未选态">未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--disabled t-tag t-tag--check t-tag--checked t-tag--disabled" checked=""><span title="选中禁用">选中禁用</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--disabled t-tag t-tag--check t-tag--disabled"><span title="未选禁用">未选禁用</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>StyleB</label></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" style="margin-right:32px" tabindex="0"><span title="选中/未选态">选中/未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked" tabindex="0" checked=""><span title="选中态">选中态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0"><span title="未选态">未选态</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--disabled t-tag t-tag--check t-tag--checked t-tag--disabled" checked=""><span title="选中禁用">选中禁用</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag--disabled t-tag t-tag--check t-tag--disabled"><span title="未选禁用">未选禁用</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><label>StyleC</label></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" style="margin-right:32px" tabindex="0"><span title="Outline Tag">Outline Tag</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked" tabindex="0" checked=""><span title="Checked">Checked</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag t-tag--check" tabindex="0"><span title="Unchecked">Unchecked</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--outline t-tag--disabled t-tag t-tag--check t-tag--checked t-tag--disabled" checked=""><span title="Disabled">Disabled</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--outline t-tag--disabled t-tag t-tag--check t-tag--disabled"><span title="Disabled">Disabled</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="标签一">标签一</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--round" style="margin-right:5px"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--round"><span title="标签一">标签一</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--mark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--mark"><span title="标签一">标签一</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="标签一">标签一</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--round" style="margin-right:5px"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--round"><span title="标签一">标签一</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag--mark"><span title="标签一">标签一</span></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark t-tag--mark"><span title="标签一">标签一</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="小型标签">小型标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark"><span title="默认标签">默认标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="大型标签">大型标签</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-size-s" tabindex="0"><span title="小型标签">小型标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0"><span title="默认标签">默认标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-size-l" tabindex="0"><span title="大型标签">大型标签</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag/_example/size.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="小型标签">小型标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark"><span title="默认标签">默认标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="大型标签">大型标签</span></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-size-s" tabindex="0"><span title="小型标签">小型标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check" tabindex="0"><span title="默认标签">默认标签</span></div></div><div class="t-space-item"><div class="t-tag t-tag--default t-tag--dark t-tag t-tag--check t-size-l" tabindex="0"><span title="大型标签">大型标签</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/auto-width.tsx 1`] = `"<div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/auto-width.tsx 1`] = `"<div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/base.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Angular">Angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">Controlled: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">UnControlled: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/base.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Angular">Angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">Controlled: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">UnControlled: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/collapsed.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->4</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(<!-- -->2<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/collapsed.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->4</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(<!-- -->2<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/custom-tag.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span><span><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentA</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span><span><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentB</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentA</div></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentB</div></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentC</div></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/custom-tag.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span><span><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentA</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span><span><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentB</span></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentA</div></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentB</div></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><div><img src="https://tdesign.gtimg.com/site/avatar.jpg" style="max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top"/>StudentC</div></span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/draggable.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Angular">Angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">Controlled: </div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Angular">Angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/draggable.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Angular">Angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">Controlled: </div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Angular">Angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark" draggable="true"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/excess.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">Scroll: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">BreakLine: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/excess.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">Scroll: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">BreakLine: </div><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/max.tsx 1`] = `"<div style="width:100%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"></div><input placeholder="最多只能输入 3 个标签" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">最多只能输入 3 个标签</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/max.tsx 1`] = `"<div style="width:100%"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"></div><input placeholder="最多只能输入 3 个标签" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">最多只能输入 3 个标签</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/size.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-size-s t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-size-l t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/size.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-size-s t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-size-l t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/status.tsx 1`] = `"<div style="width:100%;gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>禁用状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-tag--disabled"><span title="Vue">Vue</span></div><div class="t-tag t-tag--default t-tag--dark t-tag--disabled"><span title="React">React</span></div><div class="t-tag t-tag--default t-tag--dark t-tag--disabled"><span title="Miniprogram">Miniprogram</span></div></div><input placeholder="" type="text" class="t-input__inner" disabled="" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>只读状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span></div></div><input placeholder="" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--default">这是普通文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>成功状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-is-success t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>告警状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>错误状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-is-error t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/status.tsx 1`] = `"<div style="width:100%;gap:32px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>禁用状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-tag--disabled"><span title="Vue">Vue</span></div><div class="t-tag t-tag--default t-tag--dark t-tag--disabled"><span title="React">React</span></div><div class="t-tag t-tag--default t-tag--dark t-tag--disabled"><span title="Miniprogram">Miniprogram</span></div></div><input placeholder="" type="text" class="t-input__inner" disabled="" value=""/><span class="t-input__input-pre"></span></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>只读状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span></div></div><input placeholder="" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--default">这是普通文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>成功状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-is-success t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>告警状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-is-warning t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label>错误状态：</label></div><div class="t-space-item"><div style="width:500px" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-is-error t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div><div class="t-input__tips t-input__tips--error">校验存在严重问题文本提示</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tag-input/_example/theme.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--primary t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--primary t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--primary t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--success t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--success t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--success t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--warning t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--warning t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--warning t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--danger t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--danger t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--danger t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tag-input/_example/theme.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--primary t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--primary t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--primary t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--success t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--success t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--success t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--warning t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--warning t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--warning t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--danger t-tag--dark"><span title="Vue">Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--danger t-tag--dark"><span title="React">React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--danger t-tag--dark"><span title="Miniprogram">Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/textarea/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" rows="2" class="t-textarea__inner"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，autosize=true" class="t-textarea__inner"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条" class="t-textarea__inner t-resize-none"></textarea></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/textarea/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" rows="2" class="t-textarea__inner"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，autosize=true" class="t-textarea__inner"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条" class="t-textarea__inner t-resize-none"></textarea></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/textarea/_example/events.tsx 1`] = `"<div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner"></textarea></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/textarea/_example/events.tsx 1`] = `"<div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner"></textarea></div>"`;
 
-exports[`ssr snapshot test > ssr test src/textarea/_example/maxlength.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制无法输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--normal">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/textarea/_example/maxlength.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制无法输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--normal">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" class="t-textarea__inner"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/textarea/_example/type.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner" readonly="">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" class="t-textarea__inner">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--normal">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" class="t-textarea__inner t-is-success">成功状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--success">成功提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="warning" class="t-textarea__inner t-is-warning">警告状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--warning">警告提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="error" class="t-textarea__inner t-is-error">错误状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--error">错误提示</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/textarea/_example/type.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner" readonly="">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" class="t-textarea__inner t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" class="t-textarea__inner">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--normal">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" class="t-textarea__inner t-is-success">成功状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--success">成功提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="warning" class="t-textarea__inner t-is-warning">警告状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--warning">警告提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="error" class="t-textarea__inner t-is-error">错误状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--error">错误提示</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>禁用整个选择器</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>禁用指定时间</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>禁用整个选择器</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>禁用指定时间</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/hide-clear-button.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>禁止清空</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>允许清空</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/hide-clear-button.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>禁止清空</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>允许清空</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/hm.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>时分选择</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>毫秒选择</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:59:59:000" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:59:59:000"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/hm.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>时分选择</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><h3>毫秒选择</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:59:59:000" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:59:59:000"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/hms.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/hms.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="12:00:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/keyboard.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:08:00" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" value="12:08:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/keyboard.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="12:08:00" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" value="12:08:00"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/panel.tsx 1`] = `"<div class="t-time-picker__panel"><div class="t-time-picker__panel-section-body"><div class="t-time-picker__panel-body"><div class="t-time-picker__panel-body-active-mask"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/panel.tsx 1`] = `"<div class="t-time-picker__panel"><div class="t-time-picker__panel-section-body"><div class="t-time-picker__panel-body"><div class="t-time-picker__panel-body-active-mask"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/presets.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="20:22" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="20:22"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-time-picker" style="margin-top:20px"><div style="margin-top:20px" class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-time-picker__group t-is-default t-range-input--suffix" value="00:00:00,23:59:59"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" value="00:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value="00:00:00"/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" value="23:59:59" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value="23:59:59"/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/presets.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input"><div class="t-input__wrap" value="20:22" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please enter" type="text" class="t-input__inner" readonly="" value="20:22"/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-time-picker" style="margin-top:20px"><div style="margin-top:20px" class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-time-picker__group t-is-default t-range-input--suffix" value="00:00:00,23:59:59"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" value="00:00:00" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value="00:00:00"/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" value="23:59:59" spellcheck="false"><div class="t-input t-is-readonly t-align-left"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value="23:59:59"/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/range.tsx 1`] = `"<div class="t-time-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-time-picker__group t-is-default t-range-input--suffix"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="开始时间" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="结束时间" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/range.tsx 1`] = `"<div class="t-time-picker"><div class="t-range-input-popup t-range-input-popup"><div class="t-range-input t-time-picker__group t-is-default t-range-input--suffix"><div class="t-range-input__inner"><div class="t-input__wrap t-range-input__inner-left" spellcheck="false"><div class="t-input t-align-left"><input placeholder="开始时间" type="text" class="t-input__inner" value=""/></div></div><div class="t-range-input__inner-separator">-</div><div class="t-input__wrap t-range-input__inner-right" spellcheck="false"><div class="t-input t-align-left"><input placeholder="结束时间" type="text" class="t-input__inner" value=""/></div></div><span class="t-range-input__suffix t-range-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/show-steps.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/show-steps.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/time-picker/_example/twelve-hour-meridian.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/time-picker/_example/twelve-hour-meridian.tsx 1`] = `"<div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/timeline/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>时间轴方向</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" checked="" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">垂直时间轴</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" value="horizontal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">水平时间轴</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/timeline/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>时间轴方向</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" checked="" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">垂直时间轴</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" value="horizontal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">水平时间轴</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/timeline/_example/customContent.tsx 1`] = `"<ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件一</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件一自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件二</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件二自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件三</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件三自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件四</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件四自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul>"`;
+exports[`ssr snapshot test > ssr test packages/web/timeline/_example/customContent.tsx 1`] = `"<ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件一</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件一自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件二</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件二自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件三</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件三自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content"><div>事件四</div><div style="font-size:12px;color:rgba(0,0,0,.6)">事件四自定义内容</div><div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul>"`;
 
-exports[`ssr snapshot test > ssr test src/timeline/_example/customDot.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>时间轴样式</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">默认样式</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;dot&#x27;" value="dot"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Dot样式</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-tips t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M23 2v17h-7.59L12 22.41 8.59 19H1V2h22zm-2 2H3v13h6.41L12 19.59 14.59 17H21V4z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M12 3.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 21.42l-7.28-7.28L3.5 12.9A6.23 6.23 0 0112 3.82zM15.3 15.3l3.8-3.8a4.23 4.23 0 10-5.97-5.99L12 6.63 10.88 5.5a4.23 4.23 0 10-5.98 5.98l1.23 1.23L12 18.6l3.28-3.29z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/timeline/_example/customDot.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>时间轴样式</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">默认样式</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;dot&#x27;" value="dot"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Dot样式</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-tips t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M23 2v17h-7.59L12 22.41 8.59 19H1V2h22zm-2 2H3v13h6.41L12 19.59 14.59 17H21V4z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M12 3.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 21.42l-7.28-7.28L3.5 12.9A6.23 6.23 0 0112 3.82zM15.3 15.3l3.8-3.8a4.23 4.23 0 10-5.97-5.99L12 6.63 10.88 5.5a4.23 4.23 0 10-5.98 5.98l1.23 1.23L12 18.6l3.28-3.29z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-timeline-item__dot-content t-size-m" color="var(--td-brand-color)"><path fill="currentColor" d="M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z"></path></svg></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/timeline/_example/layout.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>时间轴方向</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" checked="" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">垂直时间轴</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" value="horizontal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">水平时间轴</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>对齐方式</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" checked="" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左对齐</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;alternate&#x27;" value="alternate"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">交错对齐</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右对齐</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>label对齐方式</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;same&#x27;" checked="" value="same"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">同侧</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;alternate&#x27;" value="alternate"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">交错</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/timeline/_example/layout.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>时间轴方向</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;vertical&#x27;" checked="" value="vertical"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">垂直时间轴</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;horizontal&#x27;" value="horizontal"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">水平时间轴</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>对齐方式</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;left&#x27;" checked="" value="left"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">左对齐</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;alternate&#x27;" value="alternate"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">交错对齐</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;right&#x27;" value="right"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">右对齐</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>label对齐方式</h4></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;same&#x27;" checked="" value="same"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">同侧</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;alternate&#x27;" value="alternate"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">交错</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/timeline/_example/loading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>加载中</h4></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/timeline/_example/loading.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>加载中</h4></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/timeline/_example/reverse.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>是否倒序</h4></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/timeline/_example/reverse.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><h4>是否倒序</h4></div><div class="t-space-item"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-space-item"><ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件一<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件二<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件三<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">事件四<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/timeline/_example/theme.tsx 1`] = `"<ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">已完成的时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--success"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">成功的时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--error"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">危险时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--warning"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">告警事件<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">默认的时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-05-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot" style="border-color:yellowgreen"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">自定义主题色<div class="t-timeline-item__label t-timeline-item__label--same">2022-06-01</div></div></li></ul>"`;
+exports[`ssr snapshot test > ssr test packages/web/timeline/_example/theme.tsx 1`] = `"<ul class="t-timeline t-timeline-left t-timeline-vertical t-timeline-label t-timeline-label--same"><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">已完成的时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-01-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--success"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">成功的时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-02-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--error"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">危险时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-03-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--warning"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">告警事件<div class="t-timeline-item__label t-timeline-item__label--same">2022-04-01</div></div></li><li class="t-timeline-item t-timeline-item-left"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot t-timeline-item__dot--primary"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">默认的时间<div class="t-timeline-item__label t-timeline-item__label--same">2022-05-01</div></div></li><li class="t-timeline-item t-timeline-item-left t-timeline-item--last"><div class="t-timeline-item__wrapper"><div class="t-timeline-item__dot" style="border-color:yellowgreen"></div><div class="t-timeline-item__tail t-timeline-item__tail--theme-default"></div></div><div class="t-timeline-item__content">自定义主题色<div class="t-timeline-item__label t-timeline-item__label--same">2022-06-01</div></div></li></ul>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/arrow.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">默认文字提示</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/arrow.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">默认文字提示</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/base.tsx 1`] = `"<div style="margin:0 auto;width:500px;height:260px;position:relative"><button style="position:absolute;top:0;left:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">top</span></button><button style="position:absolute;top:0;left:70px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">top-left</span></button><button style="position:absolute;top:0;right:70px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">top-right</span></button><button style="position:absolute;bottom:0;left:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">bottom</span></button><button style="position:absolute;bottom:0;left:70px;width:120px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">bottom-left</span></button><button style="position:absolute;bottom:0;right:70px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">bottom-right</span></button><button style="position:absolute;left:0;top:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">left</span></button><button style="position:absolute;left:0;top:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">left-top</span></button><button style="position:absolute;left:0;bottom:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">left-bottom</span></button><button style="position:absolute;right:0;top:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">right</span></button><button style="position:absolute;right:0;top:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">right-top</span></button><button style="position:absolute;right:0;bottom:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">right-bottom</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/base.tsx 1`] = `"<div style="margin:0 auto;width:500px;height:260px;position:relative"><button style="position:absolute;top:0;left:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">top</span></button><button style="position:absolute;top:0;left:70px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">top-left</span></button><button style="position:absolute;top:0;right:70px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">top-right</span></button><button style="position:absolute;bottom:0;left:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">bottom</span></button><button style="position:absolute;bottom:0;left:70px;width:120px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">bottom-left</span></button><button style="position:absolute;bottom:0;right:70px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">bottom-right</span></button><button style="position:absolute;left:0;top:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">left</span></button><button style="position:absolute;left:0;top:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">left-top</span></button><button style="position:absolute;left:0;bottom:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">left-bottom</span></button><button style="position:absolute;right:0;top:42%" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">right</span></button><button style="position:absolute;right:0;top:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">right-top</span></button><button style="position:absolute;right:0;bottom:50px" type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">right-bottom</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/duration.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">定时消失</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">点击再次查看</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/duration.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text">定时消失</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">点击再次查看</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/lite.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">下方文字提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">上方文字提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">鼠标位置显示提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">无箭头文字提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">无投影文字提示</span></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浅色模式</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">无箭头浅色模式</span></button></div></div><div class="t-space-item"><div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled"><span class="t-button__text">不可用状态下提示</span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/lite.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">下方文字提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">上方文字提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">鼠标位置显示提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">无箭头文字提示</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">无投影文字提示</span></button></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">浅色模式</span></button></div></div><div class="t-space-item"><div><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">无箭头浅色模式</span></button></div></div><div class="t-space-item"><div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled"><span class="t-button__text">不可用状态下提示</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/mouse.tsx 1`] = `"<div><a id="testa" href="#">文案比较长...</a></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/mouse.tsx 1`] = `"<div><a id="testa" href="#">文案比较长...</a></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/no-arrow.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">不带箭头等文字提示</span></button>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/no-arrow.tsx 1`] = `"<button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">不带箭头等文字提示</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">default</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">primary</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-base"><span class="t-button__text">success</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">danger</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">warning</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">light</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/theme.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">default</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">primary</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-success t-button--variant-base"><span class="t-button__text">success</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-danger t-button--variant-base"><span class="t-button__text">danger</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-warning t-button--variant-base"><span class="t-button__text">warning</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">light</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tooltip/_example/trigger.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">悬浮时触发（默认）</span></button></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="获得焦点时触发" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">点击时触发</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">右击时触发</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tooltip/_example/trigger.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">悬浮时触发（默认）</span></button></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="获得焦点时触发" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">点击时触发</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">右击时触发</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/base.tsx 1`] = `"<div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/base.tsx 1`] = `"<div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/checked.tsx 1`] = `"<div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox t-is-indeterminate"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>3 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="0" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="2" checked="" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="3" checked="" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="4" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="5" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="6" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="7" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="8" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="9" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="10" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="11" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="12" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="13" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="14" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="15" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="16" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="17" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="18" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="19" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div></div><div class="t-transfer__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></button><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/checked.tsx 1`] = `"<div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox t-is-indeterminate"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>3 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="0" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="1" checked="" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="2" checked="" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="3" checked="" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="4" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="5" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="6" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="7" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="8" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="9" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="10" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="11" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="12" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="13" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="14" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="15" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="16" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="17" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="18" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="19" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div></div><div class="t-transfer__operations"><button type="button" class="t-button t-button--theme-default t-button--variant-outline t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></button><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/custom.tsx 1`] = `"<div class="t-transfer t-transfer__footer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span>来源</span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div><div class="t-transfer__footer"><div style="padding:12px;border-top:1px solid rgb(231, 231, 231)">选中并加入</div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text">加入</span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text">移除</span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span><div>目标</div></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div><div class="t-transfer__footer"><div style="padding:12px;border-top:1px solid rgb(231, 231, 231)">选中并移除</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/custom.tsx 1`] = `"<div class="t-transfer t-transfer__footer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span>来源</span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div><div class="t-transfer__footer"><div style="padding:12px;border-top:1px solid rgb(231, 231, 231)">选中并加入</div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text">加入</span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text">移除</span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span><div>目标</div></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div><div class="t-transfer__footer"><div style="padding:12px;border-top:1px solid rgb(231, 231, 231)">选中并移除</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/custom-render.tsx 1`] = `"<div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/custom-render.tsx 1`] = `"<div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span></span></span></label></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/empty.tsx 1`] = `"<div class="tdesign-demo-block-column"><p>默认暂无数据</p><div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div><p>自定义暂无数据</p><div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>No Source</span></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty">No Target</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/empty.tsx 1`] = `"<div class="tdesign-demo-block-column"><p>默认暂无数据</p><div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div><p>自定义暂无数据</p><div class="t-transfer"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>No Source</span></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty">No Target</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/pagination.tsx 1`] = `"<div class="t-transfer t-transfer__pagination"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label></div></div></div><div class="t-transfer__list-pagination"><div class="t-pagination t-size-s"><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-s t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 2 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div><div class="t-transfer__list-pagination"><div class="t-pagination t-size-s"><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-s t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 1 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/pagination.tsx 1`] = `"<div class="t-transfer t-transfer__pagination"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label></div></div></div><div class="t-transfer__list-pagination"><div class="t-pagination t-size-s"><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-s t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 2 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div><div class="t-transfer__list-pagination"><div class="t-pagination t-size-s"><div class="t-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></div><div class="t-pagination__jump">jump to<div class="t-input-adornment"><div class="t-input-number t-size-s t-input-number--normal t-pagination__input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-s t-align-left"><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div><span class="t-input-adornment__append"><span class="t-input-adornment__text">/ 1 </span></span></div></div><div class="t-pagination__btn t-pagination__btn-next t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/search.tsx 1`] = `"<div class="t-transfer t-transfer__search"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body t-transfer__list--with-search"><div class="t-transfer__search-wrapper"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="type keyword to search" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body t-transfer__list--with-search"><div class="t-transfer__search-wrapper"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="type keyword to search" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/search.tsx 1`] = `"<div class="t-transfer t-transfer__search"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 20</span></div><span></span></div><div class="t-transfer__list-body t-transfer__list--with-search"><div class="t-transfer__search-wrapper"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="type keyword to search" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-checkbox-group"><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;0&#x27;" value="0"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容1</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容2</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容3</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容4</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容5</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;5&#x27;" value="5"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容6</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;6&#x27;" value="6"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容7</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;7&#x27;" value="7"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容8</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;8&#x27;" value="8"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容9</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;9&#x27;" value="9"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容10</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;10&#x27;" value="10"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容11</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;11&#x27;" value="11"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容12</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;12&#x27;" value="12"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容13</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;13&#x27;" value="13"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容14</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;14&#x27;" value="14"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容15</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;15&#x27;" value="15"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容16</span></span></label><label class="t-checkbox t-transfer__list-item t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;16&#x27;" value="16"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容17</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;17&#x27;" value="17"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容18</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;18&#x27;" value="18"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容19</span></span></label><label tabindex="0" class="t-checkbox t-transfer__list-item"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;19&#x27;" value="19"/><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span>内容20</span></span></label></div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body t-transfer__list--with-search"><div class="t-transfer__search-wrapper"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="type keyword to search" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search"><path fill="currentColor" d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"></path></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/transfer/_example/tree.tsx 1`] = `"<div class="t-transfer t-transfer--with-tree"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 5</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/transfer/_example/tree.tsx 1`] = `"<div class="t-transfer t-transfer--with-tree"><div class="t-transfer__list t-transfer__list-source"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 5</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div></div><div class="t-transfer__operations"><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></span></div><div type="button" disabled="" class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left"><path fill="currentColor" d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"></path></svg></span></div></div><div class="t-transfer__list t-transfer__list-target"><div class="t-transfer__list-header"><div><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span></label><span>0 / 0</span></div><span></span></div><div class="t-transfer__list-body"><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>Empty Data</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/activable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>节点可高亮</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>节点可多选高亮</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>整个节点可点击</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/activable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>节点可高亮</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>节点可多选高亮</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>整个节点可点击</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/base.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/base.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/checkable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>可选</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>严格模式</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item t-form-item__valueMode"><div class="t-form__label t-form__label--right" style="width:100px"><label>选中值模式</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;onlyLeaf&#x27;" checked="" value="onlyLeaf"/><span class="t-radio__input"></span><span class="t-radio__label">onlyLeaf</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;parentFirst&#x27;" value="parentFirst"/><span class="t-radio__input"></span><span class="t-radio__label">parentFirst</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;all&#x27;" value="all"/><span class="t-radio__input"></span><span class="t-radio__label">all</span></label></div></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/checkable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>可选</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>严格模式</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item t-form-item__valueMode"><div class="t-form__label t-form__label--right" style="width:100px"><label>选中值模式</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio t-is-checked" checked=""><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;onlyLeaf&#x27;" checked="" value="onlyLeaf"/><span class="t-radio__input"></span><span class="t-radio__label">onlyLeaf</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;parentFirst&#x27;" value="parentFirst"/><span class="t-radio__input"></span><span class="t-radio__label">parentFirst</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;all&#x27;" value="all"/><span class="t-radio__input"></span><span class="t-radio__label">all</span></label></div></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/controlled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">checked:</span></span><div class="t-input__wrap" value="1.1.1.1, 1.1.1.2" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="1.1.1.1, 1.1.1.2"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">expanded:</span></span><div class="t-input__wrap" value="1, 1.1, 1.1.1, 2" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="1, 1.1, 1.1.1, 2"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">actived:</span></span><div class="t-input__wrap" value="2" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="2"/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/controlled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">checked:</span></span><div class="t-input__wrap" value="1.1.1.1, 1.1.1.2" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="1.1.1.1, 1.1.1.2"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">expanded:</span></span><div class="t-input__wrap" value="1, 1.1, 1.1.1, 2" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="1, 1.1, 1.1.1, 2"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">actived:</span></span><div class="t-input__wrap" value="2" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="2"/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>是否禁用</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-is-disabled t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>是否禁用</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-is-disabled t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/draggable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/draggable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/empty.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><div class="t-tree t-tree--transition">😊 空数据（string）</div></div><div class="t-space-item"><div class="t-tree t-tree--transition"><div>😊 空数据（ empty props ）</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/empty.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><div class="t-tree t-tree--transition">😊 空数据（string）</div></div><div class="t-space-item"><div class="t-tree t-tree--transition"><div>😊 空数据（ empty props ）</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/expand-all.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:150px"><label>切换数据</label></div><div class="t-form__controls" style="margin-left:150px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:150px"><label>提供 hover 状态</label></div><div class="t-form__controls" style="margin-left:150px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:150px"><label>展开动画</label></div><div class="t-form__controls" style="margin-left:150px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/expand-all.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:150px"><label>切换数据</label></div><div class="t-form__controls" style="margin-left:150px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:150px"><label>提供 hover 状态</label></div><div class="t-form__controls" style="margin-left:150px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:150px"><label>展开动画</label></div><div class="t-form__controls" style="margin-left:150px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/expand-level.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/expand-level.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/expand-mutex.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>互斥展开</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>整个节点可点击</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/expand-mutex.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>互斥展开</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:120px"><label>整个节点可点击</label></div><div class="t-form__controls" style="margin-left:120px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/filter.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">filter:</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node">Tree Empty Data</div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">filter:</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/filter.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">filter:</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node">Tree Empty Data</div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">filter:</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>render 1:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3>render 2:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/icon.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>render 1:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3>render 2:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/label.tsx 1`] = `"<div class="t-tree t-tree--transition">Tree Empty Data</div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/label.tsx 1`] = `"<div class="t-tree t-tree--transition">Tree Empty Data</div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/lazy.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/lazy.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/line.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>显示连线</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>显示图标</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3>render</h3></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/line.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>显示连线</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>显示图标</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3>render</h3></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/load.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/load.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/operations.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3 class="title">render:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3 class="title">api:</h3></div><div class="t-space-item"><div class="operations"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:200px"><label>插入节点使用高亮节点</label></div><div class="t-form__controls" style="margin-left:200px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:200px"><label>子节点展开触发父节点展开</label></div><div class="t-form__controls" style="margin-left:200px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div></div><div class="t-space-item"><div class="operations"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">filter:</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3 class="title">api:</h3></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取 value 为 &#x27;node1&#x27; 的单个节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取所有节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点的所有子节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取所有高亮节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点下的选中节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">插入一个根节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点的父节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点的所有父节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点在子节点中的位置</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">选中高亮节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">展开高亮节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点与其子节点的数据</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/operations.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3 class="title">render:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3 class="title">api:</h3></div><div class="t-space-item"><div class="operations"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:200px"><label>插入节点使用高亮节点</label></div><div class="t-form__controls" style="margin-left:200px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:200px"><label>子节点展开触发父节点展开</label></div><div class="t-form__controls" style="margin-left:200px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div></div><div class="t-space-item"><div class="operations"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">filter:</span></span><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3 class="title">api:</h3></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取 value 为 &#x27;node1&#x27; 的单个节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取所有节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点的所有子节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取所有高亮节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点下的选中节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">插入一个根节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点的父节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点的所有父节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点在子节点中的位置</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">选中高亮节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">展开高亮节点</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">获取高亮节点与其子节点的数据</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/state.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3 class="title">state:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3 class="title">api:</h3></div><div class="t-space-item"><div class="operations"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">插入一个根节点</span></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/state.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3 class="title">state:</h3></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><h3 class="title">api:</h3></div><div class="t-space-item"><div class="operations"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">插入一个根节点</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/sync.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">checked:</span></span><div class="t-input__wrap" value="{1.1.1.1}, {1.1.1.2}" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="{1.1.1.1}, {1.1.1.2}"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">expanded:</span></span><div class="t-input__wrap" value="{1}, {1.1}, {1.1.1}, {2}" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="{1}, {1.1}, {1.1.1}, {2}"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">actived:</span></span><div class="t-input__wrap" value="{2}" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="{2}"/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/sync.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">checked:</span></span><div class="t-input__wrap" value="{1.1.1.1}, {1.1.1.2}" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="{1.1.1.1}, {1.1.1.2}"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">expanded:</span></span><div class="t-input__wrap" value="{1}, {1.1}, {1.1.1}, {2}" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="{1}, {1.1}, {1.1.1}, {2}"/></div></div></div></div><div class="t-space-item"><div class="t-input-adornment"><span class="t-input-adornment__prepend"><span class="t-input-adornment__text">actived:</span></span><div class="t-input__wrap" value="{2}" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value="{2}"/></div></div></div></div><div class="t-space-item"><div class="t-tree t-tree--checkable t-tree--transition">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/vscroll.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>可选</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>展示连线</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">scroll to special node</span></button></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition t-tree__vscroll" style="height:300px">Tree Empty Data</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree/_example/vscroll.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>可选</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px"><label>展示连线</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" class="t-switch t-is-checked t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div></div></form></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">scroll to special node</span></button></div><div class="t-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition t-tree__vscroll" style="height:300px">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/base.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="广东省" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value="广东省"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/base.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="广东省" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value="广东省"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/collapsed.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="更多...">更多...</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/collapsed.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="更多...">更多...</span></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/filterable.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">默认</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;function&#x27;" value="function"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义方法</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/filterable.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">默认</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;function&#x27;" value="function"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义方法</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/lazy.tsx 1`] = `"<div style="width:300px"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/lazy.tsx 1`] = `"<div style="width:300px"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/multiple.tsx 1`] = `"<div class="t-tree-select t-select-input t-select-input--multiple" style="width:300px"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="深圳市">深圳市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/multiple.tsx 1`] = `"<div class="t-tree-select t-select-input t-select-input--multiple" style="width:300px"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="深圳市">深圳市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/panelContent.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="广州市" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value="广州市"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/panelContent.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="广州市" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" value="广州市"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/prefix.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div><input placeholder="请输入" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/prefix.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div><input placeholder="请输入" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/prefixsuffix.tsx 1`] = `"<div class="t-tree-select t-select-input t-select-input--empty" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div><input placeholder="请输入" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/prefixsuffix.tsx 1`] = `"<div class="t-tree-select t-select-input t-select-input--empty" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div><input placeholder="请输入" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small"><path fill="currentColor" d="M12 15l5.5-5.5h-11L12 15z"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/props.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="深圳市" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value="深圳市"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/props.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="深圳市" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value="深圳市"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/valuedisplay.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix">广州市(guangzhou)</div><input placeholder="" type="text" class="t-input__inner" readonly="" value=" "/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span>广州市<!-- -->(<!-- -->guangzhou<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>深圳市<!-- -->(<!-- -->shenzhen<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/valuedisplay.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix">广州市(guangzhou)</div><input placeholder="" type="text" class="t-input__inner" readonly="" value=" "/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span>广州市<!-- -->(<!-- -->guangzhou<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>深圳市<!-- -->(<!-- -->shenzhen<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree-select/_example/valuetype.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="深圳市" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value="深圳市"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="深圳市">深圳市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/tree-select/_example/valuetype.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="深圳市" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" value="深圳市"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="深圳市">深圳市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/typography/_example/base.tsx 1`] = `"<h1 class="t-typography">What is TDesign</h1><span class="t-typography"><mark>TDesign is an enterprise-level design system accumulated by Tencent&#x27;s various business teams.</mark></span><div class="t-typography"><span class="t-typography"><strong>TDesign features a unified design values, consistent design language, and visual style, helping users form continuous and coherent perceptions of the experience.</strong></span> <!-- -->Based on this, TDesign offers out-of-the-box UI component libraries, design guidelines, and design assets, elegantly and efficiently freeing design and development from repetitive tasks. Simultaneously, it facilitates easy extension on top of TDesign, enabling a better alignment with business requirements.</div><h2 class="t-typography">Comprehensive</h2><div class="t-typography">TDesign Support <span class="t-typography"><code>Vue 2</code></span>, <span class="t-typography"><code>Vue 3</code></span>, <span class="t-typography"><code>React</code></span>, components for Desktop Application and <span class="t-typography"><code>Vue 3</code></span>, <span class="t-typography"><code>Wechat MiniProgram</code></span> components for Mobile Application.</div><div style="gap:12px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-typography"><ul><li>Features</li><li>Comprehensive<ul><li>Consistency</li><li>Usability</li></ul></li><li>Join TDesign </li></ul><ol><li>Features</li><li>Comprehensive<ol type="a"><li>Consistency</li><li>Usability</li></ol></li><li>Join TDesign</li></ol></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/typography/_example/base.tsx 1`] = `"<h1 class="t-typography">What is TDesign</h1><span class="t-typography"><mark>TDesign is an enterprise-level design system accumulated by Tencent&#x27;s various business teams.</mark></span><div class="t-typography"><span class="t-typography"><strong>TDesign features a unified design values, consistent design language, and visual style, helping users form continuous and coherent perceptions of the experience.</strong></span> <!-- -->Based on this, TDesign offers out-of-the-box UI component libraries, design guidelines, and design assets, elegantly and efficiently freeing design and development from repetitive tasks. Simultaneously, it facilitates easy extension on top of TDesign, enabling a better alignment with business requirements.</div><h2 class="t-typography">Comprehensive</h2><div class="t-typography">TDesign Support <span class="t-typography"><code>Vue 2</code></span>, <span class="t-typography"><code>Vue 3</code></span>, <span class="t-typography"><code>React</code></span>, components for Desktop Application and <span class="t-typography"><code>Vue 3</code></span>, <span class="t-typography"><code>Wechat MiniProgram</code></span> components for Mobile Application.</div><div style="gap:12px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-typography"><ul><li>Features</li><li>Comprehensive<ul><li>Consistency</li><li>Usability</li></ul></li><li>Join TDesign </li></ul><ol><li>Features</li><li>Comprehensive<ol type="a"><li>Consistency</li><li>Usability</li></ol></li><li>Join TDesign</li></ol></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/typography/_example/copyable.tsx 1`] = `"<span class="">This is a copyable text.<button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-copy"><path fill="currentColor" d="M2 2h13v5.5h-2V4H4v9h3.5v2H2V2zm7 7h13v13H9V9zm2 2v9h9v-9h-9z"></path></svg></button></span><br/><div class="" style="display:inline-block;width:50%"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>This is a copyable long text. <!-- -->TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"></span></span></span></span></div><button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-copy"><path fill="currentColor" d="M2 2h13v5.5h-2V4H4v9h3.5v2H2V2zm7 7h13v13H9V9zm2 2v9h9v-9h-9z"></path></svg></button><br/><span class="">This is a copyable long text with custom suffix.<button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-angry"><path fill="currentColor" d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm5.77-3.87l3.46 2-1 1.74-3.46-2 1-1.74zm11.46 1.74l-3.46 2-1-1.74 3.46-2 1 1.74zM7.67 15.5a5 5 0 018.66 0l.5.86-1.73 1-.5-.86a3 3 0 00-5.2 0l-.5.87-1.73-1 .5-.87z"></path></svg></button></span>"`;
+exports[`ssr snapshot test > ssr test packages/web/typography/_example/copyable.tsx 1`] = `"<span class="">This is a copyable text.<button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-copy"><path fill="currentColor" d="M2 2h13v5.5h-2V4H4v9h3.5v2H2V2zm7 7h13v13H9V9zm2 2v9h9v-9h-9z"></path></svg></button></span><br/><div class="" style="display:inline-block;width:50%"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>This is a copyable long text. <!-- -->TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"></span></span></span></span></div><button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-copy"><path fill="currentColor" d="M2 2h13v5.5h-2V4H4v9h3.5v2H2V2zm7 7h13v13H9V9zm2 2v9h9v-9h-9z"></path></svg></button><br/><span class="">This is a copyable long text with custom suffix.<button type="button" class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-angry"><path fill="currentColor" d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm5.77-3.87l3.46 2-1 1.74-3.46-2 1-1.74zm11.46 1.74l-3.46 2-1-1.74 3.46-2 1 1.74zM7.67 15.5a5 5 0 018.66 0l.5.86-1.73 1-.5-.86a3 3 0 00-5.2 0l-.5.87-1.73-1 .5-.87z"></path></svg></button></span>"`;
 
-exports[`ssr snapshot test > ssr test src/typography/_example/ellipsis.tsx 1`] = `"<div class="t-typography"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"></span></span></span></span></div><div class="t-typography"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"><button style="padding:0;height:1em" type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">more</span></button></span></span></span></span></div><div class="" style="width:300px;display:block"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper"><span class="t-trigger">...</span><span class="t-typography-ellipsis-symbol"></span></span></span></span></div><div class="t-typography"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down" style="margin-left:4px;font-size:16px"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></span></span></span></span></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/typography/_example/ellipsis.tsx 1`] = `"<div class="t-typography"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"></span></span></span></span></div><div class="t-typography"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"><button style="padding:0;height:1em" type="button" class="t-button t-button--theme-primary t-button--variant-text"><span class="t-button__text">more</span></button></span></span></span></span></div><div class="" style="width:300px;display:block"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper"><span class="t-trigger">...</span><span class="t-typography-ellipsis-symbol"></span></span></span></span></div><div class="t-typography"><span width="0" class="t-typography-ellipsis"><span style="display:block;max-width:unset"></span><span>TDesign was founded with the principles of open-source collaboration from the beginning. The collaboration scheme discussion, component design, and API design, including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants&#x27; roles.</span><span style="position:fixed;visibility:hidden;top:0;left:0"><span class="t-typography-ellipsis-symbol-wrapper">...<span class="t-typography-ellipsis-symbol"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down" style="margin-left:4px;font-size:16px"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></span></span></span></span></span></div>"`;
 
-exports[`ssr snapshot test > ssr test src/typography/_example/text.tsx 1`] = `"<div style="gap:12px" class="t-space vertical-demo t-space-vertical"><div class="t-space-item"><span class="t-typography--primary">TDesign (primary)</span></div><div class="t-space-item"><span class="t-typography--secondary">TDesign (secondary)</span></div><div class="t-space-item"><span class="t-typography--disabled">TDesign (disabled)</span></div><div class="t-space-item"><span class="t-typography--success">TDesign (success)</span></div><div class="t-space-item"><span class="t-typography--warning">TDesign (warning)</span></div><div class="t-space-item"><span class="t-typography--error">TDesign (error)</span></div><div class="t-space-item"><span class="t-typography"><mark>TDesign (mark)</mark></span></div><div class="t-space-item"><span class="t-typography"><code>TDesign (code)</code></span></div><div class="t-space-item"><span class="t-typography"><kbd>TDesign (keyboard)</kbd></span></div><div class="t-space-item"><span class="t-typography"><u>TDesign (underline)</u></span></div><div class="t-space-item"><span class="t-typography"><del>TDesign (delete)</del></span></div><div class="t-space-item"><span class="t-typography"><strong>TDesign (strong)</strong></span></div><div class="t-space-item"><span class="t-typography"><i>TDesign (italic)</i></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/typography/_example/text.tsx 1`] = `"<div style="gap:12px" class="t-space vertical-demo t-space-vertical"><div class="t-space-item"><span class="t-typography--primary">TDesign (primary)</span></div><div class="t-space-item"><span class="t-typography--secondary">TDesign (secondary)</span></div><div class="t-space-item"><span class="t-typography--disabled">TDesign (disabled)</span></div><div class="t-space-item"><span class="t-typography--success">TDesign (success)</span></div><div class="t-space-item"><span class="t-typography--warning">TDesign (warning)</span></div><div class="t-space-item"><span class="t-typography--error">TDesign (error)</span></div><div class="t-space-item"><span class="t-typography"><mark>TDesign (mark)</mark></span></div><div class="t-space-item"><span class="t-typography"><code>TDesign (code)</code></span></div><div class="t-space-item"><span class="t-typography"><kbd>TDesign (keyboard)</kbd></span></div><div class="t-space-item"><span class="t-typography"><u>TDesign (underline)</u></span></div><div class="t-space-item"><span class="t-typography"><del>TDesign (delete)</del></span></div><div class="t-space-item"><span class="t-typography"><strong>TDesign (strong)</strong></span></div><div class="t-space-item"><span class="t-typography"><i>TDesign (italic)</i></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/typography/_example/title.tsx 1`] = `"<h1 class="t-typography">H1. TDesign</h1><h2 class="t-typography">H2. TDesign</h2><h3 class="t-typography">H3. TDesign</h3><h4 class="t-typography">H4. TDesign</h4><h5 class="t-typography">H5. TDesign</h5><h6 class="t-typography">H6. TDesign</h6>"`;
+exports[`ssr snapshot test > ssr test packages/web/typography/_example/title.tsx 1`] = `"<h1 class="t-typography">H1. TDesign</h1><h2 class="t-typography">H2. TDesign</h2><h3 class="t-typography">H3. TDesign</h3><h4 class="t-typography">H4. TDesign</h4><h5 class="t-typography">H5. TDesign</h5><h6 class="t-typography">H6. TDesign</h6>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" checked="" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单文件上传</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">多文件上传</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__tips t-size-s t-upload__placeholder">要求文件大小在 1M 以内</small></div></div></div><div class="t-space-item"><div class="t-upload" style="margin-left:40px"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">ReUpload</span></button></div><div class="t-upload__single-display-text t-upload__display-text--margin"><a target="_blank" href="https://tdesign.gtimg.com/site/source/figma-pc.png" class="t-upload__single-name t-link t-link--theme-default t-size-s t-link--hover-color">这是一个默认文件</a><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-upload__icon-delete"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div><div class="t-space-item"><div class="t-upload" style="margin-left:60px"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__tips t-size-s t-upload__placeholder">文件上传失败示例</small></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" checked="" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">单文件上传</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">多文件上传</span></label><div class="t-radio-group__bg-block"></div></div></div></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__tips t-size-s t-upload__placeholder">要求文件大小在 1M 以内</small></div></div></div><div class="t-space-item"><div class="t-upload" style="margin-left:40px"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">ReUpload</span></button></div><div class="t-upload__single-display-text t-upload__display-text--margin"><a target="_blank" href="https://tdesign.gtimg.com/site/source/figma-pc.png" class="t-upload__single-name t-link t-link--theme-default t-size-s t-link--hover-color">这是一个默认文件</a><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-upload__icon-delete"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div><div class="t-space-item"><div class="t-upload" style="margin-left:60px"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__tips t-size-s t-upload__placeholder">文件上传失败示例</small></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/custom-drag.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload"><path fill="currentColor" d="M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zm7.4 3.3L17.41 15 16 16.41l-3-3V23h-2v-9.59l-3 3L6.59 15 12 9.59z"></path></svg><span class="t-button__text">点击上传</span></button></div><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__dragger t-upload__dragger-center"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义拖拽区域</span></button><br/><br/></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/custom-drag.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload"><path fill="currentColor" d="M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zm7.4 3.3L17.41 15 16 16.41l-3-3V23h-2v-9.59l-3 3L6.59 15 12 9.59z"></path></svg><span class="t-button__text">点击上传</span></button></div><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__dragger t-upload__dragger-center"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义拖拽区域</span></button><br/><br/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/draggable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>是否自动上传：<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;file&#x27;" checked="" value="file"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">文件拖拽上传</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;image&#x27;" value="image"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">图片拖拽上传</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__dragger t-upload__dragger-center"><div class="t-upload__trigger"><div><span class="t-upload--highlight">Upload</span><span>  /  <!-- -->Drag file to this area to upload</span></div></div></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__dragger"><div class="t-upload__dragger-progress"><div class="t-upload__dragger-progress-info"><div class="t-upload__dragger-text"><span class="t-upload__single-name">默认文件</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><small class="t-size-s">size<!-- -->：<!-- -->1.0 KB</small><small class="t-size-s">date<!-- -->：<!-- -->2022-09-25</small><div class="t-upload__dragger-btns"></div><div class="t-upload__dragger-btns"><a class="t-upload__dragger-progress-reupload t-link t-link--theme-primary t-link--hover-color">ReUpload</a><a class="t-upload__dragger-delete-btn t-link t-link--theme-danger t-link--hover-color">Delete</a></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/draggable.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div>是否自动上传：<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;file&#x27;" checked="" value="file"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">文件拖拽上传</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;image&#x27;" value="image"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">图片拖拽上传</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__dragger t-upload__dragger-center"><div class="t-upload__trigger"><div><span class="t-upload--highlight">Upload</span><span>  /  <!-- -->Drag file to this area to upload</span></div></div></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__dragger"><div class="t-upload__dragger-progress"><div class="t-upload__dragger-progress-info"><div class="t-upload__dragger-text"><span class="t-upload__single-name">默认文件</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><small class="t-size-s">size<!-- -->：<!-- -->1.0 KB</small><small class="t-size-s">date<!-- -->：<!-- -->2022-09-25</small><div class="t-upload__dragger-btns"></div><div class="t-upload__dragger-btns"><a class="t-upload__dragger-progress-reupload t-link t-link--theme-primary t-link--hover-color">ReUpload</a><a class="t-upload__dragger-delete-btn t-link t-link--theme-danger t-link--hover-color">Delete</a></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/file-flow-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示文件缩略图</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">允许上传同名文件</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">整体替换上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">多个文件一个请求上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" hidden=""/><div class="t-upload__flow t-upload__flow-file-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__flow-placeholder t-upload__placeholder">支持批量上传文件，文件格式不限，最多只能上传 10 份文件</small></div><div class="t-upload__flow-card-area"><div class="t-upload__flow-empty">Click &quot;Upload&quot; or Drag file to this area to upload</div></div><div class="t-upload__flow-bottom"><div type="button" disabled="" class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">Cancel</span></div><div type="button" disabled="" class="t-upload__continue t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">Upload</span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/file-flow-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示文件缩略图</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">允许上传同名文件</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">整体替换上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">多个文件一个请求上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" hidden=""/><div class="t-upload__flow t-upload__flow-file-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__flow-placeholder t-upload__placeholder">支持批量上传文件，文件格式不限，最多只能上传 10 份文件</small></div><div class="t-upload__flow-card-area"><div class="t-upload__flow-empty">Click &quot;Upload&quot; or Drag file to this area to upload</div></div><div class="t-upload__flow-bottom"><div type="button" disabled="" class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">Cancel</span></div><div type="button" disabled="" class="t-upload__continue t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">Upload</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/image.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">多个文件一个请求上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">请选择图片</p></div></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传（上传成功状态演示）</small></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">单张图片文件上传（上传失败状态演示）</small></div></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><span class="t-upload__card-mask-item-divider"></span><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">default.jpeg</a></li></ul></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">允许选择多张图片文件上传，最多只能上传 3 张图片</small></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/image.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">多个文件一个请求上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">请选择图片</p></div></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传（上传成功状态演示）</small></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">单张图片文件上传（上传失败状态演示）</small></div></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><div class="t-space-item">loading</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><span class="t-upload__card-mask-item-divider"></span><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">default.jpeg</a></li></ul></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">允许选择多张图片文件上传，最多只能上传 3 张图片</small></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/img-flow-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div>AutoUpload<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show Image Name</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show UploadButton Or CancelUploadButton</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Continue Upload</span></button></div><small class="t-upload__flow-placeholder t-upload__placeholder">支持批量上传图片文件</small></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>demo…-1.png</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>avatar.jpg</p></li></ul></div><div class="t-upload__flow-bottom"><div type="button" disabled="" class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">取消上传</span></div><button type="button" class="t-upload__continue t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Upload</span></button></div></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-left"><span class="t-divider__inner-text">Different Status Images</span></div></div><div class="t-space-item"><div class="static-image-list t-upload"><input type="file" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">ReUpload</span></button></div></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time-filled"><path fill="currentColor" d="M12 23a11 11 0 110-22 11 11 0 010 22zm1-17.5h-2v6.91l4 4L16.41 15 13 11.59V5.5z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-progress"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><p>Uploading</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-fail"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><p>Failed</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li></ul></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/img-flow-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div>AutoUpload<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show Image Name</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show UploadButton Or CancelUploadButton</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Continue Upload</span></button></div><small class="t-upload__flow-placeholder t-upload__placeholder">支持批量上传图片文件</small></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>demo…-1.png</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>avatar.jpg</p></li></ul></div><div class="t-upload__flow-bottom"><div type="button" disabled="" class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">取消上传</span></div><button type="button" class="t-upload__continue t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Upload</span></button></div></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-left"><span class="t-divider__inner-text">Different Status Images</span></div></div><div class="t-space-item"><div class="static-image-list t-upload"><input type="file" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">ReUpload</span></button></div></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time-filled"><path fill="currentColor" d="M12 23a11 11 0 110-22 11 11 0 010 22zm1-17.5h-2v6.91l4 4L16.41 15 13 11.59V5.5z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-progress"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><p>Uploading</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-fail"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><p>Failed</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li></ul></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/request-method.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;requestSuccessMethod&#x27;" checked="" value="requestSuccessMethod"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上传成功示例</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;requestFailMethod&#x27;" value="requestFailMethod"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上传失败示例</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__tips t-size-s t-upload__placeholder">自定义上传方法需要返回成功或失败信息</small></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/request-method.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;requestSuccessMethod&#x27;" checked="" value="requestSuccessMethod"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上传成功示例</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;requestFailMethod&#x27;" value="requestFailMethod"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上传失败示例</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__tips t-size-s t-upload__placeholder">自定义上传方法需要返回成功或失败信息</small></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/single-custom.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" hidden=""/><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义上传</span></button></div><small class="t-upload__tips t-size-s">上传文件大小在 1M 以内</small></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/single-custom.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" hidden=""/><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">自定义上传</span></button></div><small class="t-upload__tips t-size-s">上传文件大小在 1M 以内</small></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/single-input.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload t-upload--theme-file-input" style="width:350px"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file-input"><div class="t-upload__single-input-preview t-input "><div class="t-input__inner t-upload__placeholder"><span class="t-upload__single-input-text t-upload__placeholder">请选择文件</span></div></div><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">Upload</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/web/upload/_example/single-input.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload t-upload--theme-file-input" style="width:350px"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file-input"><div class="t-upload__single-input-preview t-input "><div class="t-input__inner t-upload__placeholder"><span class="t-upload__single-input-text t-upload__placeholder">请选择文件</span></div></div><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">Upload</span></button></div></div></div></div></div>"`;
diff --git a/test/snap/csr.test.jsx b/test/snap/csr.test.jsx
index e7ba06f500..bae8d3e981 100644
--- a/test/snap/csr.test.jsx
+++ b/test/snap/csr.test.jsx
@@ -19,7 +19,7 @@ class ResizeObserver {
 }
 
 function runTest() {
-  const files = glob.sync('src/**/_example/*.tsx', {
+  const files = glob.sync('packages/web/**/_example/*.tsx', {
     ignore: IGNORE_ASYNC_EXAMPLE_LIST,
   });
 
diff --git a/test/snap/ssr.test.jsx b/test/snap/ssr.test.jsx
index 1f942cb7c9..47e4d52235 100644
--- a/test/snap/ssr.test.jsx
+++ b/test/snap/ssr.test.jsx
@@ -7,10 +7,13 @@ import { renderToString } from 'react-dom/server';
 // 固定时间，当使用 new Date() 时，返回固定时间，防止“当前时间”的副作用影响，导致 snapshot 变更，mockdate 插件见 https://github.com/boblauer/MockDate
 MockDate.set('2020-12-28 00:00:00');
 
-export const IGNORE_ASYNC_EXAMPLE_LIST = ['src/watermark/_example/*.tsx', 'src/table/_example/pagination-ajax.tsx'];
+export const IGNORE_ASYNC_EXAMPLE_LIST = [
+  'packages/web/watermark/_example/*.tsx',
+  'packages/web/table/_example/pagination-ajax.tsx',
+];
 
 function runTest() {
-  const files = glob.sync('src/**/_example/*.tsx', {
+  const files = glob.sync('packages/web/**/_example/*.tsx', {
     ignore: IGNORE_ASYNC_EXAMPLE_LIST,
   });